RE-CENTER CONTENT LAYOUT (RESET MARGINS)

Shopify Discussion
,
1

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 :sleepy_face:

436528128_2214231122264555_5461778939075134518_n.jpg
436528128_2214231122264555_5461778939075134518_n.jpg947×2048 67.1 KB

2 Likes
2

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!

3

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

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

4

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:

BSSCommerceB2B_0-1717949496431.png
BSSCommerceB2B_0-1717949496431.png400×195 26.3 KB

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!

5

Hi @NHJB

Would you mind to share your store URL? Thanks!

6

www.ngawariandco.com