[Resolved] Vertical Menu – separators

[rex wickham]

Hi
Any ideas how to replicate the follow menu design?

The white background items are what I’m struggling with. They are not actually links.

[David]

Hi there,

maybe try adding them as custom links within the menu, but give them a dead link and a Custom CSS class for styling?

https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

[rex wickham]

Hi David
Thank you. I’m going to do that with this CSS to make them styled different and unclickable:

.main-navigation .nav-button a {
background-color: #1A415E;
color: #000000;

}

.main-navigation .unclickable a:hover {
     color: #000; 
     cursor: default;
}

[David]

Hi Rex, glad i could help, you may find the pointer-events: none; property useful.

[Author]

Posts