Archived topic
How to have 'separate' area for links in the mobile menu - offset
3 replies · Started by Craig on July 10, 2020
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
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.
Perfect, thanks, did not know that was even an option! This theme rules!
Craig
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 :)
