Archived topic
Hide secondary menu on Mobile
3 replies · Started by Kelly on August 13, 2021
Viewing posts 1–4 of 4
Hello,
I am trying to hide the secondary on mobile while also preserving the navy blue background colored bar that the menu has. When I use...
@media (max-width: 768px) {
#secondary-navigation {
display: none;
}
I was able to remove the hamburger icon but I can't get "menu" without losing the whole bar. It causes spacing issues by removing the "menu". I am looking to keep the the blue just remove the "menu" and hamburger icon above the site logo. Any help is much appreciated.
Thank you
Kelly
Hi there,
We would need to cheat it like this:
@media (max-width: 768px) {
.secondary-navigation .menu-toggle .mobile-menu {
display: none;
}
.secondary-navigation {
padding-top: 40px;
}
}Thank you, Leo. This did the trick.
No problem :)
This archived topic is closed to new replies.
