Docs

[Bonitto D]

Hi,

I am having a weird issue since I upgraded to the latest version of Theme X, where my submenu items in my nav are not fully displaying on hover. I attempted to add a higher z-index value on the submenu however it still only appears hidden.

Site: http://gammanuzeta.org

Thanks

[Bonitto D]

Ah nevermind it looks like theme-x has the following property which was causing it to not display:

.x-navbar {
   overflow-y: inherit;
}

[Paul R]

Hi,

Thanks for writing in!

It’s because of this code.

.x-navbar {
    width: 235px;
    overflow-y: scroll;
}

By enabling scroll it prevents your sub-menu from showing.

What we can do is make the submenu display below it’s parent.

You can add this under Custom > Edit Global CSS in the Customizer.

.desktop .sub-menu {
    text-align: center;
    position: static;
    float: none;
    box-shadow:none;
}

Hope that helps.

[Author]

Posts