Archived topic

Hide hamburger menu on mobile on select pages

3 replies · Started by Leanne on September 1, 2021

Viewing posts 1–4 of 4

September 1, 2021 at 11:31 pm #1916163

Hi,

I need to be able to hide the hamburger menu on mobile only on select pages.
This is one of the pages I'm looking to do so on: https://www.headlessgnomes.com/fangsandfoulplayfreebie/

September 2, 2021 at 12:25 am #1916196

Hi Leanne,

You can create a Hook element for this.

Set your hook to wp_head and add this code on your Hook Element.

<style>
@media (max-width:768px){
    span.custom.slideout-toggle {
        display: none !important;
    }
}
</style>

And then set the display rule location to the pages you want the hamburger menu to be hidden. :D

September 2, 2021 at 10:55 pm #1917248

Thanks so much Elvin! That worked perfectly :)

September 2, 2021 at 10:58 pm #1917251

No problem. Glad it works for you. :D

This archived topic is closed to new replies.