Site logo

Archived topic

Dropdown navigation below content

3 replies · Started by Mateusz on February 5, 2022

Viewing posts 1–4 of 4

I have been rebuilding a site, but I have a major problem with dropdown menu since now it's below the content when dropdown appears.

https://staging.gardenliving.pl/ /try hovering over Meble or Kontakt to see it.

I have checked it on Chrome/Safari and it's below - even though the sub-menu has z-index with very high value.

Hi there,

try adding this CSS:

#mobile-header:not(.is_stuck) {
    position: relative;
    z-index: 10000;
}

Used it with different selectors & it worked! :)

nav#site-navigation, nav#mobile-header {
   position: relative;
   z-index: 10000;

ps. what is the not(.is_stuck) state?

It means it's not sticky :)

This archived topic is closed to new replies.