Jump to content

Logo appear on scroll - CSS stopped working

Recommended Posts

Site URL: https://orange-chicken-3kkp.squarespace.com/config/settings/site-visibility

Hi everyone,

Site pw is kellyrossdesign


I am trying to make the header logo on the homepage slowly appear on scroll. I have used the code below via @44degreesnorth . 

It worked perfectly and was looking beautiful, but it seems to have stopped working now for some reason. I've tried removing any new CSS that I have added today but that doesn't seem to have made a difference...

Any ideas?



.header-title-logo {
  opacity: 0;
  position: relative;
  top: -10vh;  
  transition: all 0.75s; 
}
.shrink .header-title-logo {
  opacity: 1;
  position: relative;
  top: 0;  
}

 

 

 

 

Link to comment
  • Replies 4
  • Views 314
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.