Is there a way to change the primary menu in the navbar when the device is a mobile? I have created a new menu, labelled “Mobile Menu” and am wondering if there is any way to switch from my “normal” Primary menu and use the Mobile as primary. My current primary menu has 7 links, but the Mobile menu has only 3 (the 2 most important for mobiles plus an “Other” with submenu showing the remaining 4 links).

I am using Renew, basic installation no demo codes.

And, a related question, is it possible to show one link, with submenus, with the Mobile menu item is pressed?

Many thanks in advance,

Peter

#1 Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Copy _nav-primary.php file from framework -> views -> global and put it in the same path inside child theme, Now replace existing code with this:

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAV-PRIMARY.PHP
// -----------------------------------------------------------------------------
// Outputs the primary nav.
// =============================================================================

?>

<a href="#" class="x-btn-navbar collapsed" data-toggle="collapse" data-target=".x-nav-wrap.mobile">
  <i class="x-icon-bars"></i>
  <span class="visually-hidden"><?php _e( 'Navigation', '__x__' ); ?></span>
</a>

<nav class="x-nav-wrap desktop" role="navigation">
  <?php x_output_primary_navigation(); ?>
</nav>

<div class="x-nav-wrap mobile collapse">
  <?php
                    wp_nav_menu( array(
                      'menu' => 'Mobile Menu',
                      'container'      => false,
                      'menu_class'     => 'x-nav sf-menu',
                    ) );
               ?>
</div>

Instead of Mobile Menu in provided code put your menu name.

#2 Yes, you can link submenu items to content bands.

Hope it helps.

And thanks for the customisation advice (I had read it and had set up my child theme – your advice and how to on all of that is excellent).

Now, one other (new post?) on this theme, if I may: What if, at a certain size, I want to skip the mobile navicon, and go straight to the link bars across the page? How do I manage that in X, please?

I am happy to raise a new post, if I need to!

Best wishes,

Peter

@media (max-width: 979px) {
	.x-nav-wrap.mobile.collapse {
		display: block;
	}
	.masthead-inline .x-btn-navbar {
		display: none;
	}
}

Hope it helps.

I am very impressed with your support, thank you.

Best wishes to you all,

Peter

Let us know if you need anything else.

Thanks. Have a great day! 🙂