Archived topic
Hide hamburger menu on desktop + other related menu questions
6 replies · Started by Leanne on March 14, 2020
I'm trying to hide the hamburger menu on desktop.
On mobile, on the hamburger menu I need the submenu items to show on hover (can't seem to find where to set that)
And also, in an off panel widget I have some social media icons so they display over my header, which is great, but on mobile, they also show under the hamburger menu - i'd like to hide them under the hamburger menu on mobile while keeping them on still showing on the header
thank!
site: headlessgnomes.com
Have gotten the second issue sorted: submenu items showing on click, hover wasn't working on mobile.
Other two still outstanding :)
Hi there,
as you used the Volume Site removing the hamburger on desktop require some CSS:
@media (min-width: 769px) {
#generate-slideout-menu {
display: none;
}
}You can remove the social icons from the Customizer > Widgets > Off Canvas panel
Thanks, David!
That worked for hiding hamburger on desktop :)
I do still want the social media widget on the header, so I'm not sure if I can remove it only from under the hambuger menu on mobile. It may not be possible, but I'm hopeful there may be a solution.
Go to Customizer > Widgets > Off Canvas Panel and remove the Lightweight Social Icons widget from there. This should not remove the one you have in your header element.
Thanks, David! That did the trick :)
You're welcome
