Jump to content

My top logo bar is disappearing when you scroll down the page

Recommended Posts

Hey @mwagner,

Looks like to me that your header is transparent and the max-height of the logo is set to 0 on scroll.

Without looking at the backend of your site I'm not too sure how this has occurred. But you can add the following to the CSS:

/* change header to white */ 
#header {
    background-color: #fff!important;
/* keep max-height of logo */
.logo-image.header-hidden #header .logo {
    max-height: 100%!important;


Hi 👋 I'm a Squarespace Expert Member, Circle Member & only Squarespace Authorised Trainer in Scotland. Check out my portfolio at Mary Philip.

Hit the little 👍 if I've helped.

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.