Theme X Menu Hoover Color

Support
#1

I’m looking to change the accent/hover color for the menu. Right now it’s red when you scroll over the menu items. How can i change that to another color? Right now I have it removed, but curios how to do it. Thanks!

http://www.humanityfest.org/

#2

Hi,

To change the color, you can add this in Theme Options > CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 blue;
}

You may change blue to any color you like.

Thanks

#3

Great, thank you! is there a way to make the menu fully transparent so it’s just white letters over the image?

#4

Hi Bryan,

Would you like to disable the topbar as well? That option is under Theme Options > Header > MISCELLANEOUS > Topbar:

After that add this custom CSS:

header.masthead.masthead-stacked {
    position: absolute;
    width: 100%;
}
.x-navbar {
    border: none;
    box-shadow: none;
}

Hope it helps :slight_smile:

#5

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