Debut: Product page - Product description margin on mobile view. Left margin thinner than the right.

Solved
N1Vitamins
Tourist
3 0 1

Hi

I've got an issue with margins in mobile view, where the product description has a larger right margin than left margin. Any help in increasing the left margin so it's not touching the edge of the page would be massively appreciated. Preferable to make the right and left hand margins equal.

I've pasted a screenshot below:

Screenshot 2021-01-20 at 14.58.41.png

URL: https://n1vitamins.com/products/everyday-tablets

Password is EverydayTablets100!

Thanks

JHKCreate
Shopify Partner
1984 321 425

This is an accepted solution.

Hi @N1Vitamins ,

Add the following code to your CSS File:

.is-initialized {
    padding-right: 22px;
    padding-left: 22px;
}


That should do it! Let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
N1Vitamins
Tourist
3 0 1

Thanks for the quick response.

I'm showing my ignorance here, but are you referring to the theme.scss.liquid file under the Assets folder?

Thanks

0 Likes
JHKCreate
Shopify Partner
1984 321 425

Exactly, let me know

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
N1Vitamins
Tourist
3 0 1

Amazing. Thank you, much appreciated.

0 Likes
JHKCreate
Shopify Partner
1984 321 425

Fantastic! Don't forget to Mark As Solution & Like to make the answer more visible to the community, Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes