Ubermenu custom links as headers

[bakrona]

Hi there

I have custom links as headers in ubermenu. When you hover over it, the look like an active link. However the custom link is just there as a place holder and should not activate on hover.

How can I remove the hover effect on non active custom links?

[ruenel]

Hello @bakrona,

Thanks for writing in! The default color of your menu item links is #777. With the help of the CSS selectors (https://www.w3schools.com/cssref/css_selectors.asp), you can come up with a custom CSS that selects all of the custom links that you have in your menu. Take this code for example:

a.ubermenu-target[href^="#"],
a.ubermenu-target[href^="#"]:hover {
    color: #777 !important;
}

I’ve got the class by using the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector to use.

You may add the custom CSS code into X > Theme Options > CSS and see how it goes. By the way, please update your X theme to 8.0.11 because you are already using the Cornerstone 5.0.11.

Best Regards.