For a variety of reasons we'd like to use the Off Canvas navigation for mobile only. Is there a way to hide the hamburger icon when it's in the desktop layout?
We would like to use the off canvas nav to enable a different mobile nav than we use for desktop. We just need a way to hide the hamburger menu when the off canvas is turned on for desktop.
You may use the following Custom CSS Code to accomplish this request.
/*Hides Off Canvas Menu Icon*/
li.slide-out-widget-area-toggle {
display: none !important;
}
You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard
Please let me know if there are any more questions that I can answer for you.
For a variety of reasons we'd like to use the Off Canvas navigation for mobile only. Is there a way to hide the hamburger icon when it's in the desktop layout?
Thank you!
Hi there,
I hope you are having an awesome day and thanks for contacting us regarding your query.
All you need to do is disable the off canvas menu by going to Salient > Header Navigation > Off Canvas Navigation.
After this, you'll see the regular navigation on desktop and the hamburger menu on mobile.
Please let me know if there are any more questions that I may answer for you :)
Cheers!
Hi Andrew,
We would like to use the off canvas nav to enable a different mobile nav than we use for desktop. We just need a way to hide the hamburger menu when the off canvas is turned on for desktop.
Thanks
Hi there,
Thanks for your reply.
You may use the following Custom CSS Code to accomplish this request.
/*Hides Off Canvas Menu Icon*/ li.slide-out-widget-area-toggle { display: none !important; }You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard
Please let me know if there are any more questions that I can answer for you.
Cheers!