Archived topic
Menu expanded only on mobile.
7 replies · Started by Victor Millan on January 26, 2019
Hello to everything and thank you for your work. I have a doubt. I would like that in the mobile version, under the logo and hamburger-toggle (excuse me, I do not know if it is said in English) from the main menu, a second menu would appear, but this time with its navigation elements expanded. That is, they can be read and clicked without having to make a first click.
I attach an image of Deadspin, which is more or less how I want it, although it does not need to move from left to right, only that I have expanded and in the same responsive line.
For my website I have started with the theme Markerter, which has the header disabled, and I have tried several options using the header and I can not do it. The closest one has been to insert a menu in the widget in the top bar. It occurs to me that one option would be to 'download' that upper bar just below the navigation, but I would not know how to do it either. Thank you!
Hi there,
You could try using the Secondary Navigation module: https://docs.generatepress.com/article/secondary-navigation-location/
Then you can stop it from collapsing on mobile like this: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Let me know if this helps or not :)
Hello Tom
Among the customization options I do not see 'Secondary navigation'. Only appears:
- Primary
- Sticky
-Slideout
Thank you
Is the Secondary Nav add-on activated?
https://docs.generatepress.com/article/installing-gp-premium/#activate-your-modules
Yes, I did not have the add-on activated. What a mess!
Everything works perfect. You are awesome. There would only be one thing left. I would like the Secondary Menu not to appear in the desktop version. It's possible?
Thank you very much.
Try this CSS:
@media (min-width: 769px) {
.secondary-navigation {
display: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
It's perfect! Thank you very much for your work!
No problem :)
