-
Posts
21 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by typeandcolour
-
-
Hi there! Apologies if this question has been asked before, I couldn't seem to find the answer to my question.
I have my primary navigation position at bottom centre, so it sits on top of the banner images on the website. I have the link spacing at about 2.0em as I want them spaced out.
However, the weird little breakpoint between phone and desktop, which I believe to be tablet sizing (?), makes the navigation items stacked, and it looks awful. What I would like to do is to force it to switch to the mobile view/hamburger menu.
I know that there is a lot of CSS out there to force a hamburger menu globally, but I would just like it for mobile, tablet portrait and landscape.
I'm using Brine.
Thank you so much!
How do I force a hamburger menu for tablet view?
in Customize with code
Posted
Thank you! I ended up tweaking a bit, but it worked!
@media screen and (max-width: 1200px) {
[data-nc-base="mobile-bar"] {
display: block !important;
}
.Header-nav--primary {
display: none !important;
}
.Header--top {
display: none !important;
}
}