- This topic has 5 replies, 3 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
Hi! I would like to add a couple of items to the main menu but only when on in a mobile mode.
Any ideas?
Customer Support
Hi there,
Option 1 – hide them on desktop with CSS.
In Appearance > Menus, activate the CSS Classes field:https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes
Then in that field add:
hide-on-desktop hide-on-tabletThose items will only display on Mobile size screens now.
Option 2 – use the Off Canvas Panel just for Mobile as it can have its own menu.
https://docs.generatepress.com/article/off-canvas-panel-overview/
Hi, I’ve come up with a better solution (in my mind at least).
How about if I put them in the top bar?
The problem then is how to display the top bar only on mobile?
I figured it out!
@media (min-width: 1024px){
.top-bar {
display: none;
}
}So… my only issue now is that I am trying to figure out how to align the FB icon with the logo in the menu area below, but no matter what I do, it seems stuck over on the right. Thoughts?
Customer Support
Hi there,
I believe the original topic of “Adding items to Main Menu on Mobile?” has already been resolved.
In that case, can you open a new topic and link us to the page in question?
https://www.screencast.com/t/5Puiam6CYThanks!
- You must be logged in to reply to this topic.
