Archived topic
Disable / Hide Secondary menu on mobile only
5 replies · Started by Benny on December 3, 2020
Viewing posts 1–6 of 6
I would like to be able to totally hide the secondary menu on mobile devices.
I have merged the topbar with the secondary menu. It looks stellar on desktop.
However, I do not want 2 menus on mobile. And I would like to hide the topbar too.
So, I have the topbar with a secondary menu on desktop.
On Mobile I would like to hide the topbar widget and the secondary menu.
Hi there,
try this CSS:
@media (max-width: 768px) {
.secondary-navigation .menu-toggle {
display: none;
}
.secondary-nav-aligned-right .secondary-navigation .top-bar {
position: static;
}
}Thanks. The secondary menu part disappeared. However, the widget in the topbar is still saying hello.
I
Aah sorry i misunderstood.
Remove that CSS.
And add this instead:
@media (max-width: 768px) {
#secondary-navigation {
display: none;
}
}Worked like a charm
Glad to hear that!
This archived topic is closed to new replies.
