York fixed header

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;
   }

 z-index: 1;

z-index: 999;

18 hours ago, tuanphan said:

 z-index: 1;

z-index: 999;

 

Perfect, thank you very much for taking time helping me, really appreciate it.