Sub menu z-index issue

[kstidham]

The desktop sub menu is displaying behind the frame. I am using the suggested css - .x-navbar {z-index: 99999;}.

It has worked on other sites. Do not know where this issue is coming from. Please advise.

http://www.ccced.org/site-selectionworkforce/available-buildings-and-sites/

*On the same site as the url, when you click on the mobile menu menu symbol to open there is no color. What is the css selector to assign a color for the hover and active mode?

[lely]

Hi There,

For CSS or design issue, we can use browser developer tools to check the correct selector.

Submenu is not a z-index issue. It is a result of your custom CSS to make your IFRAME fullscreen. See this: https://screencast-o-matic.com/watch/cbXDh12Y2p If you want retain that CSS try adding this:

.page-id-748 {
    overflow: visible;
}

Note that fixed might not work all the time. It is just a workaround because of the fixed position of your content.

For the mobile button, change white #fff to your preferred button color: https://screencast-o-matic.com/watch/cbXDhI2Y27

.x-btn-navbar.collapsed:hover {
    color: #fff;
}
.x-btn-navbar:hover {
    color: #fff;
}
.x-btn-navbar{
    color: #fff;
}

Hope this helps.

[kstidham]

Thank you Lely! Both solutions worked great!

[jade]

You’re most welcome.