Home › Forums › WordPress Themes – Premium › Pure & Simple › Need mobile menu breakpoint when widget areas begin stacking
I have hidden the main navigation bar and put the menu on the left sidebar. I have created a mega-menu for the mobile menu. What I need is for the sidebar menu to be hidden and the mobile menu icon to appear when the widget areas begin to stack, but I can’t figure out how to make that happen. There is an in-between width (tablet portrait-view, or narrowing a desktop window) that still shows the left sidebar and you have to scroll past it to get to the page content.
I wouldn’t mind using the native mobile menu rather than the mega menu, if I knew how to have it visible when needed, and still hide the main navigation bar.
The site is 2020.sharicohn.com. It’s got a password at the moment while in development but I can send it to you by email.
Hello Vicki,
I checked your site on an iPad in portrait view and it seems to show fine.
Perhaps the breakpoint where the sidebar hides is in-between device sizes, which would be very uncommon user scenario so I wouldn’t worry about it too much.
If you wan’t to fine tune it you can use this CSS breakpoint
@media (min-width: 992px) and (max-width: 1199px) {
//add your css here
}
regards
Imre
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.