Use 2 separate Menu on different devices


Hi,

I am using "Uber Mega Menu" on my website.
I want to display 2 separate menus on mobile devices and desktops.
I wrote to UBER Menu, they said me to insert the following code in "header.php"


Now, which "name" of the menu should be replaced under "primary-menu-responsive" 
so that mobile menu can be triggered when seen from a mobile device.



Thanks

Comments

  • Heres the code

    ----------------

    <?php
    if( function_exists( 'ubermenu' ) ){
    ubermenu( 'main' , 'primary' );
    }
    else{ ?>
    <div id="nav">
    <?php
    //This order , theme_location, and classes may vary

    // this is the menu you'll see at widths greater than 960px
    wp_nav_menu( 'theme_location' => 'primary', 'container_class' => 'primary-menu' );

    // this is the menu that will be displayed on mobile devices
    wp_nav_menu( 'theme_location' => 'primary', 'container_class' => 'primary-menu-responsive', 'walker' => 'responsive_walker' );
    ?>
    </div>
    <?php
    }
    ?>

  • Hi,

    Sorry, but we did not test this script/plugin with the theme. Our policy states that we do not support third party plugins or custom code so unfortunately, we cannot be of any help to you.
    Also, we cannot recommend any plugins other than the ones we support. You can find the list on this page, in the sidebar:
    https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

    thanks
Sign In or Register to comment.