Navigation drop down behind element?

Support
#1

Hi, my nav dropdown is displaying underneath the element below it. In my case, it’s in the footer and it’s behind a quote element. Hover over the footer inline Nav to see. Please see secure note.

Example:

#2

Hi @threeoten,

Unfortunately, the password is wrong though I can see the issue. It happens because of the setup. To prevent it from your current footer structure:
1.) Inspect Container where Navigation is added.
2.) Select Customize Tab > Click Element CSS
3.) Add the following and then hit Save:

$el{
  z-index:9999;
}

Hope this helps.

#3

Sorry, please see updated secure note

#4

Also, the CSS that you provided works, but why did that happen in the first place?

#5

Hi @threeoten,

Each element and containers has its own z-index and it controls the layer order of how the browser will render them. The lowest will be the bottom and highest is the top-most. Please check this https://medium.freecodecamp.org/z-index-explained-how-to-stack-elements-using-css-7c5aa0f179b3

Unfortunately, the z-index option is only available on containers so it needs to be done as CSS for elements.

Thanks!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.