[Resolved] How to have ‘separate’ area for links in the mobile menu – offset

[Craig]

Hi GP Support –

I am using an off canvas panel menu for mobile only and I would like to understand how to set a demarcation line between all of the page links in the menu, and further down, menu links for Account, Dashboard, FAQS. Maybe give it a background color with a height of like 2-4px. Something like so I can clearly separate regular site page links from specific Account Info links:

Page One
Page Two
Page Three
___________
Account
Dashboard
FAQS
Logout

[Leo]

Hi there,

Some CSS is required.

Can you add a custom class like separate-here to the menu item where the separation occurs?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

It would be Account in your example above.

[Craig]

Perfect, thanks, did not know that was even an option! This theme rules!

Craig

[Leo]

So it’s all working?

Just making sure as I haven’t provided the CSS yet.

The CSS class in the menu is a WordPress option 🙂

[Author]

Posts