Twentig + 2021 (Menu background highlight on hover)

Hi,

Twentig doesn’t include this option. But you should be able to achieve this effect by adding the following custom CSS in the Customizer > Additional CSS panel (change the #ddd value as you want):

#site-navigation .menu-item a:hover {
	background-color: #ddd;
	text-decoration: none;
}

Hope that helps,
Tom

Thanks Tom! I tried this but it didn’t work. Here are the current settings for Twentig with Twenty Twenty One:

– no other CSS
– Default menu style and decoration
– Link hover/active color: default

Here’s a screenshot of what you should have by pasting the CSS code above (screenshot of one of our demo with the CSS): https://i.imgur.com/ssJE7sr.png

If you don’t see it on your website, would you please share the URL of your website so I can see why it’s not working?

Thanks

Thanks! It actually turned out to be an issue with WPRocket plugin. Delayed CSS load check box stopped the code from loading at all.