Why is my product page shifting to the side on mobile view?

23 0 8


On the phone view my product page is able to shift to the side, this way it leaves a white space on the right. Can someone help me fix this issue? 

password: notforeveryone

Thanks in advance

Reply 1 (1)

Shopify Expert
3477 461 519

Hi @mira777 ,

Edit the CSS properties in your theme as follows:
1. file section-main-product.css lines 507 and 508, delete the property:

margin-left: -1.5rem;
margin-right: -1.5rem;

2. file component-slider.css line 57, delete the property:

padding-left: 1.5rem;

Hope it helps @mira777  

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 Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development