You can integrate your menu using one of the following steps:
1. Menu Location Selector
The recommended way of setting your menu, is by selecting the menu location, navigate to Settings » Menu Integration» Select a Location
Theme locations
Theme location labels could change relative to current theme, most themes should have Primary, Main and Secondary.
2. Manual Integration: Plain Shortcode
Add the following shortcode to one of you pages/posts, remember to click update.
[hmenu id=1]
3. Manual Integration: do_shortcode
For example, replace the following code in your header.php file:
<header id="masthead" class="site-header" role="banner"> <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </a> <div id="navbar" class="navbar"> <nav id="site-navigation" class="navigation main-navigation" role="navigation"> <button class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></button> <a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?> <?php get_search_form(); ?> </nav> <!-- #site-navigation --> </div> <!-- #navbar --> </header> <!-- #masthead -->
With the following –
<?php echo do_shortcode( '[hmenu id=1]' ) ?>
Take note
Remember that menu ID in shortcode is subject to change. Please make sure that you are referencing the correct menu ID.