Archived topic
Show / Hide Desktop Nav by Burger Menu
11 replies · Started by Felix on November 13, 2021
Hey Devs.
I know there is the option to use the off canvas navi. But i think i want to achieve something different.
Is it possible to hide and show the regular mainmenu by a toggle like the burgermenu?
I dont want the full screen canvas and i dont want to slide it from the side.
I just want to hide and display the simple nav items.
Hi Felix,
Have you tried setting the mobile menu break point to a high value like 9999 at customizer > layout > primary navigation?
Let me know if that's what you want.
Hey Ying!
:D What a simple solution. With some simple custom css this works perfect! Thank you!
Great! You are welcome :)
hey Ying or any other kind dev in your awesome gp team. :)
additional to my last question, witch works perfect, i want to slide-in and slide-out the nav by toggle the burger menu.
is this possible with css?
Hi there,
your site has a front end password lock that doesn't match the admin password you provided. Can you send that ?
oh sorry.
Is the slide effect for desktop or mobile ?
rather for desktop
Hi Felix,
Give this CSS a try:
@media (min-width: 769px) {
nav#site-navigation.toggled {
right: 80px;
}
.inside-header.grid-container {
position: relative;
}
nav#site-navigation {
position: absolute;
right: -999px;
transition: all 0.5s ease;
}
}Let me know :)
uhhhh that is sweet! Thank you!!! :)
You are welcome :)
