Menu Background Hover Colour

How do I change the background colour of the main menu on hover ?

Thanks

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-nav[class*="wd-style-"]>li > a:hover {
    color: red;
}

Best Regards

Thanks that changes the menu text colour but not the menu background colour ?

How do I change the background colour on hover ?

Also is it possible to make it stay that colour when using the html menu drop down for that link ?

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-nav[class*="wd-style-"]>li > a:hover {
    background-color: aqua;
}

Best Regards

Is it possible to keep the selected menu link this colour when accessing the HTML Mega Menu also ?

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-nav >li.current-menu-item>a {
    background: aqua;
}

Best Regards

[Author]

Posts