Archived topic
Merge two menus from desktop to one in mobile
3 replies · Started by Aga on December 27, 2017
My client wants to have two menus - one with the most important links in the header, and a side menu with all the rest. It works good with this theme, but after switching to mobile version the second one is under all the posts... But I do not want to have two menus one after each other, so... Is it possible to make wordpress add positions from side menu to the main menu only when menu is collapsed (I mean in "burger" state)? If so, I would love some instructions on how to do it :)
I use GP Premium
Hi there,
If I understand you correctly, you can make a new menu to combined them both and set it to slideout navigation:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location
https://docs.generatepress.com/article/activating-slide-out-navigation/
This site is actually using the same idea as well.
Let me know if this helps.
Thanks, it works :) How can I hide second menu when the sideout is active?
Like hide secondary navigation on mobile?
If so try this:
@media (max-width: 768px) {
.secondary-navigation {
display: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
