Menu underline

magee

Hey,

Im using Rife and Elementor Pro and I have trouble with the header menu.
The problem is, that i can not change the decoration so that the menu items are not underline on hover.

I am using elementors own menu and not Rifes, but I (think) I have narrowed down to that the problem is in Rife anyhow.

You can check out the site here: www.jaakkolanfarmi.fi/mehustamo

Cheers for the help in advance!

Daniel

Hello Magee

Please go to the "Appearance → Customize → Additional CSS" and remove these line:

.menu-item a:hover {
text-decoration: none;
}  

With Regards
Daniel

magee

Hi Daniel,

Thanks for the swift reply! The custom CSS is there to serve as a workaround. The target is to remove the underline hover effect for menu items. Removing the CSS reverts to underlining the menu links on hover.

The header is created as an Elementor template, and it might be that Elementor does not in fact support customizing typography on hover.

Air

Hey :-)

OK I think, we understood it a different way :-)

Yes, there is this style from the Rife theme:

a:hover {
    text-decoration: underline;
}

You can add instead:

a:hover {
    text-decoration: none;
}

It will remove underlines from all links.

If you don't want this, then just keep your custom CSS that you have created, as it is best.

With kind regards.

magee

Thanks Air!

This topic can be closed as the matter is resolved.

Air

Great. High five Magee!