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

[N1Vitamins]

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:

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

Password is EverydayTablets100!

Thanks

[JHKCreate · 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! 

[N1Vitamins]

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

[JHKCreate]

Exactly, let me know

[N1Vitamins]

Amazing. Thank you, much appreciated.

[JHKCreate]

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