Padding to site in 7.1?

Site URL: https://smilodon-ocelot-my5f.squarespace.com/

Thanks to @ChrisBartow with this code I've can add padding to my site WITHOUT affecting the mobile version or the top of bottom of the site. However, it only adds padding to the left side.

Does anyone know how to alter this code to add padding to the right side too?...

passcode: trythis

@media (min-width: 768px) {
  header, body { padding:0 50px; }
}

padding: 0 50px means it is adding 50 pixels of padding to both the left and right. Is that not what you're seeing? It looks nice for me - which page doesn't work for you?

@RobinHeraldDesign

Hi, it doesn't appear my image added on that last post. I'll add here. No I didn't add the code as only did the left side....

it

I added it now to the live site to show what I mean.

@ChrisBartow @RobinHeraldDesign

https://smilodon-ocelot-my5f.squarespace.com/store

I think I found the answer in the following code. Only it's not working on the STORE page for some reason?...

@media (min-width: 768px) {
header, .content-wrapper {
   padding-top: 0em;
   padding-bottom: 0em;
   padding-left: 10em;
   padding-right: 10em;
  }}

And it has made the images off-centre in the store...