Need mobile menu breakpoint when widget areas begin stacking

[Vicki Berenson]

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.

[Styled Themes]

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

[Author]

Posts