Remove bordered menu hover effect on select links – how to target?

I’m truing to create some menu links that do not appear clickable. I’m using the bordered menu style so wondering how I can target those links via css to remove the hover effect. Is there a class I can add to those links to remove it, or how to I target those via css to remove the hover effect entirely?

Hello,

Thank you so much purchasing our theme and contacting our support center.

Try to add no-hover CSS class to your menu items in Appearance -> Menus and then put the following code snippet to the Custom CSS area in Theme Settings

.no-hover > a > span:after {
	display: none;
}

.no-hover > a {
	pointer-events: none;
}

Kind Regards
XTemos Studio

[Author]

Posts