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되어 현재

당신 섹션이 그

<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 당신은 그것을 수정하고 같은 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="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> 

을