Removing top padding in header 7.1

Site URL: https://ranunculus-lute-s68s.squarespace.com/

Hello!

Can someone please help me to remove the top padding of the header on my website?

I want the black of the logo to bleed off the top edge of the page. I've attached a screenshot to visually explain it.

Website: https://ranunculus-lute-s68s.squarespace.com/

Password: hellohello

This website will just be on a personal plan, so ideally I would just like some CSS to make this adjustment.

Thanks!

Add to Home > Design > Custom CSS

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}

24 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}

 

Amazing!!! Thank you so much, that worked a treat.

And that was such a quick response. Thanks again!

This did work great but was very drastic. Is there a way to reduce the padding but not to 0? @tuanphan

On 9/26/2020 at 5:21 AM, neilaustin said:

This did work great but was very drastic. Is there a way to reduce the padding but not to 0? @tuanphan

edit 0 to 5px

i used the code to remove the padding and it worked, but i still think there is too much space between the top of the page and the header. is there a way to make it even less than 0?

6 hours ago, kiiana said:

i used the code to remove the padding and it worked, but i still think there is too much space between the top of the page and the header. is there a way to make it even less than 0?

Can you share page url? We can check easier

I'd like the logo to be as close to the browser window as possible.  I used the code to remove padding and it worked, but I still would like to move the logo up higher.

4 hours ago, kiiana said:

I'd like the logo to be as close to the browser window as possible.  I used the code to remove padding and it worked, but I still would like to move the logo up higher.

Can you share site url? We can check easier.

Didn't work for me, there's still some padding. I can't seem to remove it. 

On 1/5/2022 at 5:04 AM, scottsoeder said:

Didn't work for me, there's still some padding. I can't seem to remove it. 

What is your site url?

@tuanphan scottsoeder.com

16 hours ago, scottsoeder said:

@tuanphan scottsoeder.com

It is padding inside logo

On 6/10/2020 at 9:22 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}

 

How can I apply this to mobile version only?

On 1/4/2023 at 5:01 AM, TLCDesign said:

How can I apply this to mobile version only?

Use this new code

@media screen and (max-width:767px) {
.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}
}

This code works but I still think there is too much whitespace.  I used 

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}

Is there a way to take more out?

What would be the code to remove space from the bottom of the header?  Would this work?

.header-announcement-bar-wrapper {
    padding-bottom: 0 !important;

18 hours ago, jengossman said:

This code works but I still think there is too much whitespace.  I used 

.header-announcement-bar-wrapper {
    padding-top: 0 !important;
}

 

Is there a way to take more out?

You should check logo again. I guess logo has some space inside

5 hours ago, Buntake said:

What would be the code to remove space from the bottom of the header?  Would this work?

 

.header-announcement-bar-wrapper {
    padding-bottom: 0 !important;

Use this

.header-announcement-bar-wrapper {
    padding-bottom: 0 !important;
	padding-top: 0 !important;
}