Okay
  Public Ticket #2274644
Using top-menu as mobile-menu
Closed

Comments

  •  1
    APWP1312 started the conversation
    January 18, 2020 at 5:46pm

    I would like to use the top menu as an about page and have been able to do so for the top-menu but am failing to do for the mobile view. 

    I tried to change the breakpoint to 0px or 1px or something smaller and it remains at 768px.

    Is there anything I could try in editing tpls/mobile-menu.php?

    I know the menu is not meant for this purpose but would be great to get this working nonetheless.

    Thanks in advance! 

  • [deleted] replied
    January 22, 2020 at 9:41am

    Hi,

    Can you please add this JS code in Theme Options > Other Settings > Custom JavaScript > Footer JS:

    <script>
jQuery( document ).ready( function( $ ) {
    $( '.menu-bar' ).unbind().on( 'click', function( ev ) {
        ev.preventDefault();
        topMenuToggle( $( this ) );
        return false;
    } );
} );
</script>
    And also this Custom CSS:

    @media screen and (max-width: 768px) {
    .top-menu-container {
        display: block !important;
    }
    
    header.main-header .logo-and-menu-container .menu-column {
        display: block !important;
    }
    .top-menu-container.is-visible {
        position: absolute;
    }
}
    It should do the trick.

  •  1
    APWP1312 replied
    January 22, 2020 at 10:07am

    Yes it did! Thanks for your help! 

  • [deleted] replied
    January 22, 2020 at 10:30am

    Happy to hear thatsmile.png

    I wish you a great day!

    P.S: Enjoying our theme? Head over to your Downloads tab and give it 5 stars. We will love you forever.