Jump to content

Mystery space behind mobile nav

Recommended Posts

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?!



Many thanks, 


Screenshot 2022-04-13 at 18.20.41.png

Screenshot 2022-04-13 at 18.21.03.png

Screenshot 2022-04-13 at 18.20.16.png

Link to comment
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 😃

Link to comment
  • 1 month later...
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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.