Jump to content

York fixed header

Go to solution Solved by tuanphan,

Recommended Posts

Hi,

I have been able following some posts around here to get the fixed header tweak I wanted.

My last problem is that the code is working everywhere but not in one page when scrolling the video gallery content is sliding above the menu despite of under. How could I fix it ?

Any help appreciated

Best

Edit: This problem seems to occur only with galleries using the slideshow design, photos or videos.

Code used:

/* Fixed Header */
#header { 
   position:fixed; 
   z-index: 1;
   background-color: hsla(0, 0%, 7%, 0.9);
       -webkit-backdrop-filter:blur(10px);
     backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(10px); /* Safari 9+ */
    backdrop-filter: blur(10px); /* Chrome and Opera */
   padding-top: 30px;
   width: 100%;
   padding-bottom: 30px;
   margin-top: -30px;
 }

@media only screen and (min-width: 760px) {
   .site-page {
       padding-top: 170px !important;
   }

 

Edited by diaph
Link to comment
  • Replies 2
  • Created
  • Last Reply

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.