How to Force Mobile Menu

  • Resolved Sang

    (@sangtlee)


    9 years, 8 months ago

    Hi Chris —

    Is there any way to programmatically force the shiftnav MOBILE menu to render for specific pages/post types?

    We are successfully using your plugin for mobile menus at a specific pixel breakpoint that is configured in the Shiftnav config screen. But we have a custom post type that we want displayed ALWAYS with the mobile menu/hamburger menu option regardless of device/screen width.

    We are loading a header-custom.php file for this custom post type’s template…any way we can accomplish this without having to create/manage a completely separate nav menu?

    We could prob use CSS to hide the primary nav, and force the hamburger menu to show…and then use your .shiftnav( ‘openShiftNav’ ) and .shiftnav( ‘closeShiftNav’ ) JS API calls to show/hide the shiftnav menu — would this be an acceptable approach? Any other recommendations that you might have would be appreciated.

    Thanks,
    Sang

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author sevenspark

    (@sevenspark)

    9 years, 8 months ago

    Hi Sang,

    So there are two pieces to ShiftNav: the toggle and the panel.

    The panel is always present, and is always ready to be toggled into view.

    The toggle is hidden above the breakpoint you set with display:none.

    So it’s really just a matter of revealing that toggle. I suspect the simplest solution will be to just add 

    div#shiftnav-toggle-main{
  display:block;
}

    in your custom header to force the toggle to display.

    Another option would be to add a custom toggle in your custom header – but I think the CSS solution is simplest if that does it for you.

    Hope that helps!

    Chris

    Thread Starter Sang

    (@sangtlee)

    9 years, 8 months ago

    Super — thanks for the clarification. Great plugin.

    Plugin Author sevenspark

    (@sevenspark)

    9 years, 8 months ago

    You’re welcome, glad you’re enjoying the plugin! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to Force Mobile Menu’ is closed to new replies.