Customization Menu

Hi there,

You're wanting the line to follow the hovered menu items?

This would require some custom javascript which is beyond the scope of this forum I'm afraid.

You should be able to find a lot of tutorials online though, which you could apply to your navigation.

What I would like would be to show the menu with no choice in the display property other than: Block. I wish that instead of just one indicator Block above the active page is displayed.

I'm not too sure what you mean - can you explain a little further?

Thanks!

I would like to get something like this image.
https://www.dropbox.com/s/3rp8o0kfr5siojl/example1.jpg?dl=0

So you're wanting a colored border above the menu item when it's current/hovered?

Yess!!!!!!

Hi Alain. This css should get you pretty close. Other than that you'd need some custom javascript which, as Tom indicated, is beyond the scope of the forum:

.main-navigation  {
      background: #fff;
}

.main-navigation .main-nav ul li a {
      color: #000;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a,
.main-navigation .main-nav ul li.current-menu-item a:hover {
      background: #fff;
      color: #009ae1;
      border-top: 3px solid #009ae1;
      margin-top: -3px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/