[Support request] Seperate menu with a line

[Edwin]

Hi

Is there a way to have a full line in the menu like this?

https://www.clarkeandhumel.com.au/

[Leo]

Hi there,

Try adding a custom class separator to the menu item you want to add the separator on the right:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

Then add this CSS:

@media (min-width: 769px) {
    .main-navigation .main-nav ul li.separator a {
        border-right: 1px solid #fff;
    }
}

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

Let me know if this helps 🙂

[Author]

Posts