2016-04-05 9 views
0

より小さな画面サイズでメインのコンテンツコンテナの幅を広げるために変更する必要があるCSSのラインを見つけるのに助けが必要です。私が抱えている問題は、画面の幅が狭い場合、内容が画面の幅に及ばないことです。代わりにかなり広い右手のマージンがあります。私は、スクリーンスペースをより良く利用するために、画面の左側から右側にコンテンツを拡張したいと考えています。誰かがこれを修正するためにどのコード行を変更する必要があるか教えていただけますか?ありがとうございました!コンテナの幅を確認する

サイトがある - https://www.shiftins.com

styles.cssMobile responsive container width

+0

*咳* Google Chromeデベロッパーツール(https://developers.google.com/web/tools/chrome-devtools/ * cough * – Martin

答えて

1

、行2982:

がライン1552で
.content, 
.content-sidebar-sidebar .content, 
.content-sidebar-sidebar .content-sidebar-wrap, 
.sidebar-content-sidebar .content, 
.sidebar-content-sidebar .content-sidebar-wrap, 
.sidebar-primary, 
.sidebar-secondary, 
.sidebar-sidebar-content .content, 
.sidebar-sidebar-content .content-sidebar-wrap { 
    width: 100%; 
} 

.page.sidebar-content .entry { 
    padding: 40px 40px 40px 0; 
} 

組み合わせ、これらはあなたが効果を生みます」再見ている。

第2のルールをpadding: 40px 0 40px 0;に変更すると、その大きな右側のパディングは削除されますが、フォームは引き続きクリッピングされます。フォームはiframeに含まれており、幅は500pxに固定されています。構造に基づいて、私はフォームがあなたのコントロールから外れていると推測しています。 2番目のルールにmin-width:500px;を追加すると、ページ幅が画面より広くなりますが、フォームの切り抜きが防止されます。

+0

)魅力的なように働きました!ありがとう。 – shictins

関連する問題