Okay
  Public Ticket #924181
adjust mobile menu break point
Closed

Comments

  •  20
    Zoe started the conversation
    October 17, 2016 at 1:45pm

    Hi,

    I need to change the mobile menu break point because I have so many items that they start stacking when the window size is 1150. I've already added some CSS to hide the main menu but I'm having a really touch time invoking the mobile menu.

    So right now, I'm getting the mobile hamburger icon, but between 1150 and 768 the mobile menu isn't coming up. Your help would be greatly appreciated!

    Thanks, Zoe


  • [deleted] replied
    October 19, 2016 at 1:31pm

    Hi Zoe,

    Actually this option is not implemented but I have added a quickfix for you till we implement it in the 2.0 version, added this to our todo list.

    The javascript for this is located in Theme Options > Footer > JavaScript:

    <script>
jQuery( document ).ready( function( $ ) {
    var $menu = $( '.menu-bar' );
    
    $menu.on( 'click', function( ev ) {
        if ( $( window ).width() < 1180 ) {
            $( 'body' ).toggleClass( 'mobile-menu-open' );
        }
    } );
} );
</script>

    I hope it works fine for you this way?