Header padding/spacing 7.1

Why is the grid so far under the site header making such a big space? I don't want all that space. I'm not a coder and got used to being able to adjust padding etc in 7.0 Would be really grateful for some help as I don't want to feel like Squarespace doesn't work for me any more!

Can you share your website URL?

Thanks for your response... Currently https://guppy-pigeon-8ehp.squarespace.com/config/  Are you able to view this?

No the website is private. Can you add a site wide password? 

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

I don't know how to do that.

I've just made it public, if that's what you meant?

11 minutes ago, Virgorama said:

I don't know how to do that.

Sorry, that's why I shared the article with instructions.

10 minutes ago, Virgorama said:

I've just made it public, if that's what you meant?

Making it public works! Thanks!

I can't see an identical page to the example, but the homepage now has the section height set to M (medium) if you change that to S (small) then there will be less padding top and bottom.

You might find this article useful:
https://support.squarespace.com/hc/en-us/articles/360027987711-Page-sections

That's helpful, thanks! I'm still struggling a bit but I'll get there!

There's no option for S M L on the header bar? The only way of adjusting is by resizing the logo? 

@Ziggy 

Did Squarespace remove the vertical padding option? I dont see the global/desktop/mobile options when I edit my site header.

website is jchongstudio.com if helpful. I do have a business plan too. thanks!

17 minutes ago, jchongstudio said:

Did Squarespace remove the vertical padding option? I dont see the global/desktop/mobile options when I edit my site header.

Settings have been tweaked, scroll down and look for "height" to control this.

@Ziggy I'm actually trying to change the padding on the left and right but only on the header. (I want the logo and navigation to come in a bit) but I still want the overall page to have images flush to the edges. I know I can change the whole site spacing but I'm looking to only add padding on the header left and right.

thanks!

5 hours ago, jchongstudio said:

@Ziggy I'm actually trying to change the padding on the left and right but only on the header. (I want the logo and navigation to come in a bit) but I still want the overall page to have images flush to the edges. I know I can change the whole site spacing but I'm looking to only add padding on the header left and right.

Can you share your website URL?

jchongstudio.com

I would like to add space on the left of the logo and the right of the word info. 

9 hours ago, jchongstudio said:

jchongstudio.com

 

I would like to add space on the left of the logo and the right of the word info. 

You can use this code to Website Tools > Custom CSS.

div.header-announcement-bar-wrapper {
    padding-left: 1.2vw !important;
    padding-right: 1.2vw !important;
}

@tuanphan youre the best! if I apply to the footer as well is this the best code? 

footer {
    padding-left: 1.2vw !important;
    padding-right: 1.2vw !important;
}

7 hours ago, jchongstudio said:

@tuanphan youre the best! if I apply to the footer as well is this the best code? 

footer {
    padding-left: 1.2vw !important;
    padding-right: 1.2vw !important;
}

I think Footer should be

footer.sections .content {
	padding-left: 1.2vw !important;
	padding-right: 1.2vw !important;
}