Archived topic

Navigation border on hover

5 replies · Started by sjoerd89 on May 11, 2017

Viewing posts 1–6 of 6

May 11, 2017 at 7:02 am #316718

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 :)

May 11, 2017 at 8:00 am #316739

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

May 11, 2017 at 8:12 am #316745

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.

May 11, 2017 at 8:14 am #316746

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/

May 12, 2017 at 1:30 am #317088

Thanks alot!

May 12, 2017 at 8:12 am #317226

You're welcome!

This archived topic is closed to new replies.

Start building better websites today.