[Resolved] Navigation border on hover

[sjoerd89]

Is it possible to just show a border around the menu item when hovering over it? At the moment i can only get a background color with the customizer but i would love to have just a small border around an navigation item i hover over. This would be for main navigation and sub items.

Thanks 🙂

[sjoerd89]

Extra: Why is there a white border in between my navigation and content.
http://www.sjoerdjonker.nl
pass: sjoerdjuh

[Leo]

Hi there,

Try this CSS:

.main-navigation .main-nav ul li a{
    border: 2px solid transparent;
}
.main-navigation .main-nav ul li a:hover {
    border: 2px solid #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Leo]

For the margin below navigation, try using disabling the content title using the Disable Elements meta box:
https://docs.generatepress.com/article/disable-elements-overview/

[sjoerd89]

Thanks alot!

[Leo]

You’re welcome!

[Author]

Posts