Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search



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


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

Code used:

/* Fixed Header */
#header { 
   z-index: 1;
   background-color: hsla(0, 0%, 7%, 0.9);
     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

Share this post

Link to post

2 answers to this question

Recommended Posts

  • 0
18 hours ago, tuanphan said:

 z-index: 1;

z-index: 999;


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

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...