2017-01-24 3 views
1

私のsiteに私のアカウントページの設定CSSの問題が1つあります。マイ・アカウント・ウーココマースで白い線を削除するには?

私はその白い線を削除し、フッターとページの内容をマージします。

#primary, .woocommerce-page #primary, .woocommerce #secondary, .woocommerce- page #secondary { 
margin-bottom:-40px; 
} 

ビットそのコードは白線が持続されていない他のページとフッターを台無しにします私はこのCSSを追加するためにしようと試みました。 My Accountのページでのみ白い線を削除するには?そのwhite lineは、ユーザーがログインしている場合にのみ表示されます。

ありがとうございます。主なdiv要素は、ページの最上部から開始していないので、

答えて

0

問題がです。削除するとそれを修正するはずですが、他のページを破損しないことを確認してください。

解決する一つの少しハックの方法は、モバイルブレークポイントのために、それは次のようであるかもしれない

#primary { 
    min-height: calc(100vh - [heightOfHeader] - [heightOfFooter]); 
} 

などのために、異なるメディアのブレークポイントでのルールの数を作成することでしょう...しかし、あなたはでフッターを修正する必要があります狭いスクリーン幅。

#primary { 
    min-height: calc(100vh - 222px); 
} 

と大きな

#primary { 
    min-height: calc(100vh - 123px); 
} 

が、気をつけのための...あなたは、いくつかのページ幅で包むあなたのボタンがあります。

1

これが働いた:

#primary { 
min-height: calc(100vh - 222px); 
} 
+0

変更ブラウザウィンドウの幅...が、すべての幅でその仕事をしますか?そうでない場合は、いくつかのメディアクエリが必要です。 https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries – Ruskin

関連する問題