Why isn't my content center aligning on smaller screens?

Why isn't my content center aligning on smaller screens?

mel30
Shopify Partner
102 2 24

The below code (<div class="recipe-content active" id="section-1">) is not getting aligned to the center of the page for below screen size 798

here is the page link https://www.athreyaherbs.com/pages/recipe

#block__c297995f-49f7-4085-b62a-e45bebce6181 .homepage_content{
    width: 100% !important;
    text-align: center !important;
    margin: auto !important;   
  }

 #block__c297995f-49f7-4085-b62a-e45bebce6181 .sixteen.columns{
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
  }
<div id="block__c297995f-49f7-4085-b62a-e45bebce6181" class="block__c297995f-49f7-4085-b62a-e45bebce6181 page-details-block block_html_image">
  <div class="container">
    <div class="sixteen columns">
      <div class="homepage_content section center clearfix">
        <div class="featured_text trim-last-paragraph">
          <div class="recipe-content active" id="section-1" >
            <div class="recipe-card">
              <div class="menu-name">~Drinks~</div>
              <!-- Rest of your content -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

 

 

Replies 3 (3)

VsisodiyaDesign
Shopify Expert
59 2 9

All you menu of recipe-card looking center for my side .  I guess you fix this issue

Looking for a skilled Shopify developer to handle tasks or provide monthly retainer services?
Please contact me at

 https://vsisodiyadesign.com

mel30
Shopify Partner
102 2 24

@VsisodiyaDesign Yes. The issue was fixed. But it has appeared again. Not sure what I have changed.

mel30
Shopify Partner
102 2 24

Never mind I fixed it again :D. Apologies for the trouble.