Need mobile menu breakpoint when widget areas begin stacking

Home Forums WordPress Themes – Premium Pure & Simple Need mobile menu breakpoint when widget areas begin stacking

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #69215
    Vicki Berenson
    Participant

    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.

    #69221
    Styled Themes
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.