typeandcolour

Circle Member

Reputation Activity

typeandcolour reacted to Beyondspace in How do I force a hamburger menu for tablet view? October 29, 2020

I made the breakpoint at 992px, hope it help

@media screen and (max-width: 992px) { [data-nc-base="mobile-bar"] { display: block !important; } .Header--top { display: none !important; } } Add this to Settings->Design->Custom Css
typeandcolour got a reaction from Beyondspace in How do I force a hamburger menu for tablet view? October 29, 2020

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!