[StiebenParticipant]

Hello,

I have added a dropdown menu under one of my primary menus (the info menu). However, when I hover over the options in the drop down menu, my main menu disappears. As well as the option I’m hovering over. You can see what I mean in the pictures that I have added.

Also, a similar problem, when I am in the information page itself. All the options of the drop down menu turn green (the same color as the hover color for my primary menu). I would like all options in the drop down menu to be black, and turn green once you hover over it (just like my primary menu). My URL is: http://www.bamboeplaza.nl

Any help would be greatly appreciated! Thanks!

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global 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, 
.x-navbar .desktop .sub-menu a:hover, 
.x-navbar .desktop .sub-menu .x-active > a, 
.x-navbar .desktop .sub-menu .current-menu-item > a, 
.x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a {
	color: #5AAA00 !important;
}

Hope it helps 🙂

[StiebenParticipant]

Hello!

Thanks a lot! It works beautifully! 🙂

[StiebenParticipant]

Oh wait! One more thing: how could I make it so when I click on ‘Informatie’ it doesn’t go to a page? So that I can only use the drop down menu for ‘Informatie’?

Thank you!! 🙂

[JadeModerator]

HI Sieben,

Please add it as a Custom Link in the menu section and add javascript:void(0); as the URL.

Hope this helps.

[StiebenParticipant]

Thank you so much! It works! 🙂

[RahulModerator]

Glad to hear it.

Feel free to ask us again.

[Author]

Posts