When viewing the site on a mobile device, the hamburger menu icon is in the upper right. However, when you turn the phone view the site in landscape mode the hamburger icon disappears. This started happening when I changed the theme's menu setting for tablets to not display the hamburger icon and use the desktop menu display. I have this code in my css to display the icon on mobile:
Not sure why that isn't working. I've tried fiddling with different breakpoint widths but that has no effect. I feel like something is overriding this code and i'm not sure why. I tried adding !important as well and that had no effect either.
When viewing the site on a mobile device, the hamburger menu icon is in the upper right. However, when you turn the phone view the site in landscape mode the hamburger icon disappears. This started happening when I changed the theme's menu setting for tablets to not display the hamburger icon and use the desktop menu display. I have this code in my css to display the icon on mobile:
@media (max-width: 600px) {
.quickfinder-item {
width: 100%;
}
#primary-navigation .menu-toggle {
display: inline-block;
}
#primary-navigation .hamburger-toggle {
display: inline-block;
}
}
Not sure why that isn't working. I've tried fiddling with different breakpoint widths but that has no effect. I feel like something is overriding this code and i'm not sure why. I tried adding !important as well and that had no effect either.
Thanks,
Will
HI!
Did you add any changes in the style.css
(or you can use next css)
@media (max-width: 600px) { #primary-navigation .menu-toggle { display: inline-block !important; } }Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver