Archived topic

Custom off canvas icon

1 reply · Started by Greg on February 22, 2023

Viewing posts 1–2 of 2

February 22, 2023 at 9:32 am #2542924

Hi guys,

Is there an easy way to use the same custom off canvas menu icon for tablet/mobile as well as desktop?

I tried modifying the snippet David provided on another topic but couldn’t figure out what I needed - it only seems to be changing it for desktop.

I have Off Canvas Panel set to On in my customiser settings (eg. Desktop and mobile)

Any help very much appreciated.

Thanks,
Greg

February 22, 2023 at 1:14 pm #2543179

Hi Greg,

When you add the icon, you've added hide-on-mobile class to it, can you remove that so it shows on mobile as well？

Once the class is removed, you can add this CSS to hide the default menu toggle:

.menu-bar-item.slideout-toggle {
    display: block !important;
}
button.menu-toggle {
    display: none !important;
}

This archived topic is closed to new replies.