Archived topic
Primary menu issue
7 replies · Started by Azari on July 13, 2021
Hi,
I'm still having trouble with the primary menu.
As you told me in the previous topic to create an empty menu and configure it as primary.
It works on desktop as in the image below:
https://snipboard.io/o3QIbh.jpg
But I still have an issue with the mobile version. Please see the link below:
https://snipboard.io/vgyWcu.jpg
Is there any way to make the secondary menu primary, so I could have only 1 menu on the right/left on the mobile version and
one menu below the logo on the desktop version.
Thanks
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
Of course, I'm adding in private.
Would you please tell me if you need the credentials also?
Little bit confused. This is the header I'm seeing currently:
https://www.screencast.com/t/0olRpdSd
I assume this is an error?
This is the primary menu that I'm trying to remove
So the issue here is that you want to use a different menu on mobile?
If so the best solution is to create a new menu and use the off canvas option on mobile only:
https://docs.generatepress.com/article/off-canvas-panel-overview/
Let me know if this helps :)
Hi, I have resolved that issue, thanks
@media only screen and (max-width: 768px) {
.menu-bar-items.gb-button{height:25px;width:25px;}
.inside-navigation .mobile-header-logo {
position: absolute;
padding-left: 40%;
}
}
@media only screen and (min-width:768px){
#site-navigation .main-nav {
display:none;
}
}
Logo back to center and I have the menu on the mobile.
Glad to hear :)
