RE-CENTER CONTENT LAYOUT (RESET MARGINS)

[NHJB]

Hello, Can anyone please help me with this? I would like to re-center the content..

I do not know what I did to make this change happen and don't want to restart 😪

[nvchien]

Hi @NHJB ,

Please try go to Online store -> Themes -> ... -> Edit code, find "base.css" file, and add this code to the last bottom:

@media (max-width:767px){
   .product__info-wrapper{
       max-width: none !important;
       padding: 0 !important;
   }
}

Hope this helps!

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @NHJB  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
@media screen and (max-width: 767px){
   .product_info-wrapper{
      max-width: 100% !important;
      justify-content: center !important;
   }
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[BSSCommerce-B2B · Accepted solution]

Dear @NHJB ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file base.css, theme.css, styles.css, or theme.scss.liquid,... And add this code snippet to the end of the file.

@media screen and (max-width: 768px){
   .product_info-wrapper{
      max-width: 100% !important;
      justify-content: center !important;
   }
}

Step 3: Save your code and reload this page.

We hope my suggestions will solved your issue.

If it is helpful, can you kindly give us many likes and mark the solution for us? 

This can be a reference for other merchants if they have an issue like you and greatly motivate us to contribute to our community. 

Have a nice day, sir! 

[Made4uo-Ribe]

Hi @NHJB 

 Would you mind to share your store URL? Thanks!

[NHJB]

www.ngawariandco.com