ページの右側の空白

Question

私のウェブページの右側の不要な空き容量に問題があります。私はこれらのコード

html,body 
{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow-x: hidden; 
} 

を追加し、それは私の問題を解決していますが、それは私がこれを行うことができますので、どのようにWebページのフッターのアイコンを無効

：ここに私のウェブページのでしょうか？

webpage url

Answer 1

は、このコードを追加しないでくださいではなく、フッター部分にHTMLコードを修正する必要があります。ここでは

はWebページです。実際には、この

<footer id="site-footer" class="footer "> 
 
    <div class="container"> 
 
    </div> <!-- issue here !!--> 
 
    <div class="row" itemscope="" itemtype="http://schema.org/Organization"> 
 
    <div class="contacts"> 
 
     <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> 
 
     <div class="contacts-item"> 
 

 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</footer>

のように見ているあなたはひどく、それが行 divの後にクローズする必要がありますコンテナのdiv要素を閉じました。そのため、行クラスはコンテナによって修正される負のマージンを追加するため、空白を使用しています。

Answer 2

あなたの要素の1つは、そのマージンの原因です。あなたは1px赤のすべての要素の輪郭の境界線を設定し、それを修正することができますを見つけるために。別の間違いを編集あなたのHTML内

*{ 
outline: 1px solid red; 
} 

Answer 3

間違いfooter > container終了タグを

//1: header mistake - Position 
//the problem is position: relative in header media query on the theme-styles.css 

    .header @media (max-width: 768px){ 
    /* position: relative; */ /*remove this*/ 
     animation: none !important; 
     padding: 0px 0; 
    } 

//2: footer mistake - container closing tag 
    <footer id="site-footer" class="footer "> 
     <div class="container"> 
      //container closed here 
     </div>//remove this close tag 
      <div class="row>"---</div> 
      <div class="sub-footer large">---</div> 

     </div>//container close here 
    </footer>