Time for action—changing the position of the navigation

The easiest way to do this is by repeating the navigation at the bottom of the page and using CSS to hide each menu on appropriate devices. So let's do it! Perform the following steps for doing so:

1. 1. First, we will find the markup for the navigation menu in our header.php file as follows:

   <nav class="access">
   <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
   </nav><!-- #access -->
   

2. 2. To identify that as the desktop menu, we will add a class of desktop to it as follows:

   <nav class="access desktop">
   <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
   </nav><!-- .access -->
   

3. 3. We will copy the code for the menu into the footer.php file before any other footer content, and change the desktop class to mobile as follows:

   <nav class="access mobile">
   <?php wp_nav_menu( array( 'container_class...