navigation Mystery space behind mobile nav

Site URL: https://www.thisresonates.uk/new-index

Hi all,

I've been making some adjustments to my site, and have got a nice scroll effect on desktop sized screens with the navigation scrolling out of the way when moving down the page and coming back into view when moving back up... BUT on the mobile view, because I have a transparent header / nav bar there seems to be a light grey / white space behind the nave bar that I can't reduce - I'm guessing its some kind of header padding that's only visible on mobile view but I can't seem to do anything to reduce it so the full screen slideshow on the index page goes right up to the top of the screen as it looks on the desktop version.

Anyone got any ideas?!

https://www.thisresonates.uk/new-index

Many thanks, 
Darren

@tuanphan @bangank36 - Any ideas guys? You two have helped me so much with general css queries and all your forum posts - even if it's on a subject someone else has asked about! Hopefully your amazing SS knowledge can help with something I'm just not seeing a solution to! 

Add to Design > Custom CSS

body {
    margin-top: 0 !important;
}

12 minutes ago, tuanphan said:

Add to Design > Custom CSS

body {
    margin-top: 0 !important;
}

 

Ah you are the best, thank you once again! Your solutions often make me think I should've worked that out but didn't quite get there! Very much appreciate the help as ever 😃

Hi @tuanphan, could you please help?

I would like to reduce the padding/space between my site title, logo, and header navigation links and the top of the page...

Any ideas?

16 hours ago, IwanJ said:

Hi @tuanphan, could you please help?

I would like to reduce the padding/space between my site title, logo, and header navigation links and the top of the page...

Any ideas?

What is site url?

Thank you @tuanphan, it's https://deep-learning-cafe.squarespace.com/

password: password123

😀

Hi @tuanphan, any chance you have some ideas re above? Thanks again!

18 hours ago, IwanJ said:

Hi @tuanphan, any chance you have some ideas re above? Thanks again!

Add to Design > Custom CSS

/* Logo top space */
.header .header-announcement-bar-wrapper {
    padding-top: 0px !important;
}

Amazing as always @tuanphan thank you!