Solved

RE-CENTER CONTENT LAYOUT (RESET MARGINS)

NHJB
Tourist
3 0 2

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 😪

 

436528128_2214231122264555_5461778939075134518_n.jpg

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Expert
311 53 58

This is an 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:

BSSCommerceB2B_0-1717949496431.png

 

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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 5 (5)

nvchien
Shopify Partner
33 11 6

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
Shopify Partner
1251 221 254

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BSSCommerce-B2B
Shopify Expert
311 53 58

This is an 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:

BSSCommerceB2B_0-1717949496431.png

 

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! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Made4uo-Ribe
Shopify Partner
6381 1530 1900

Hi @NHJB 

 Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
NHJB
Tourist
3 0 2