Archived topic
Duplicate off canvas menu icon appears on tablets
3 replies · Started by Tim on April 20, 2021
It appears that on screen sizes between 768px and 894px, I get an extra, misplaced hamburger menu icon on the right side of the header. Confirmed this through both the WP site customization tablet preview, Chrome's Developer screen size preview thingy and an actual tablet.
Site URL attached.
I would like to remove it obviously. Why does this happen and how can I remove it?
Thanks
Hi there,
its happening because the customizations that have been made are keeping the Off Canvas Toggle in play - when the default setting would be to remove that and display the Mobile Header toggle.
You can add this CSS so the second toggle never displays:
.menu-bar-items .slideout-toggle {
display: none;
}Thanks David, that code worked! (I had to wrap it inside @media (max-width: 900px) {} to not make the menu on desktop view disappear)
Aah yes - my bad :)
Glad to hear its working!
