Product margins on mobile different than desktop

Store Design
1

Hi there, can someone please help me?? For some reason on mobile, my product pages are centered (which is fine) but they have massive margins… when I try to correct with an @media tag, it still doesn’t work.

Here’s a link to the site I’m building: the-saltbox-shop.myshopify.com (P: feimea)

Thanks!

1 Like
2

@mandarinco

if possible to share issue images

3

You can follow the instruction below:

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file
@media only screen and (max-width: 769px){
  .template-product .page-content.page-content--product {
     margin:0px;
   }
}
1 Like
4

Thank you so much! This worked :slightly_smiling_face: