Spacing at sides BUT NOT at top? 7.1

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

Hi,

If I want to change the spacing across the whole site so my images have more room at the sides - how do I REMOVE the spacing from the top?

My spacing was on 3vw. I want to be able to alter this whenever I want WITHOUT adding space to the top.

If I change it to anything over 3vw up to max 12vw, then this not only gives an undesirable gap at the top, but it also eats into the slideshow image on my homepage.

The styling in the header does not change this.

passcode: trythis

hi, @mportch

Perhaps the following lines of code will help you target. You can set each padding area by px or em as below, so 10px by example. And, you can delete the target areas that you do not find useful. For example, the padding-bottom effects the bottom padding of the page. The code also effects the all pages and  

#page .content-wrapper {
   padding-top: 1em;
   padding-bottom: 1em;
   padding-left: 5em;
   padding-right: 5em;
}

- John

Thanks, do I enter this into CSS or somewhere more specific in Code Injection?

I entered into CSS. Works, but is there a way of controlling the mobile view too?

And how do I get this padding to include the logo and nav at the top?...

I found it caused too many other issues across the site.