ShopifyウェブサイトはIpadの右側に空白を付けています

Question

私はこのウェブサイトの問題に直面していますfearofmissingoutfomo.com iPadの右側に白いバーがあります。 私のコードは

html,body { 
margin: 0; 
padding: 0; 
border: 0; 
@include smooth_font();} 
{% if settings.use_bg_image %} 
body { 
background: {{settings.shop_bg_color}} url({{ 'bg.png' | asset_url }}) 0 0 no-repeat; 
} 
body.index-template { 
background: {{settings.shop_bg_color}} url({{ 'bg.png' | asset_url }}) 0 0 no-repeat; 
padding-top: 40px; 
padding-bottom: 40px; 
} 

本当にありがとうございます。私はまた、いくつかの関連スレッドを参照してください私の問題に関連付けることはできません。ありがとう。

Answer 1

問題は、このセクションのhappenningされています

現在のところセクションでは、あなたはそれを修正し、そのような containerと rowを追加する必要があることを

<div id="shopify-section-1509186783462" class="shopify-section index-section products-grid"> 
    <section data-section-id="1509186783462" data-section-type="products"> 
     <div class="section-header text-center"> 
     <h2>View our featured christmas items</h2> 
     </div> 
     <div class="grid grid--uniform grid--view-items"> 
     ...... 
     </div> 
     <div class="text-center view-more btn"> 
     <a href="/collections/christmas"> 
     See more 
     </a> 
     </div> 
    </section> 
</div> 

のようなHTMLがあり

：

<div id="shopify-section-1509186783462" class="shopify-section index-section products-grid"> 
    <section data-section-id="1509186783462" data-section-type="products"> 
     <div class="container"> 
     <div class="row"> 
      <div class="section-header text-center"> 
       <h2>View our featured christmas items</h2> 
      </div> 
      <div class="grid grid--uniform grid--view-items"> 
       ...... 
      </div> 
      <div class="text-center view-more btn"> 
       <a href="/collections/christmas"> 
       See more 
       </a> 
      </div> 
     </div> 
     </div> 
    </section> 
</div>