Title: Duplicate Mobile Menus
Last modified: August 30, 2016

---

# Duplicate Mobile Menus

 *  Resolved [davidleclarke](https://wordpress.org/support/users/davidleclarke/)
 * (@davidleclarke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/duplicate-mobile-menus/)
 * Hello,
 * I’ve tried everything I can think of but this is driving me around the bend!
 * I use a child theme of fruitful and the responsive setting is turned on in the
   theme options. When viewing the site on mobile, 2 menus appear. So far I’ve tried
   using CSS to hide one of the menus but I cannot find a way to do this without
   removing both of them. So it seems its both of them or nothing!
 * the code in my header.php relating to the navigation is as follows
 *     ```
       <nav role="navigation" class="site-navigation main-navigation">
       											<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
       										</nav><!-- .site-navigation .main-navigation -->
       ```
   
 * and the code as it appears on the site is like this
 *     ```
       <nav role="navigation" class="site-navigation main-navigation">
         <div class="menu-top-navigation-container"><ul id="main-menu-1" class="menu">
           <li id="menu-item-953" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-953"><a href="https://www.cossetandcoddle.com/">Home</a></li>
           <li id="menu-item-954" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-104 current_page_item menu-item-954"><a href="https://www.cossetandcoddle.com/about/">About</a></li>
           <li id="menu-item-956" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-956"><a href="https://www.cossetandcoddle.com/gallery/">Gallery</a></li>
           <li id="menu-item-955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-955"><a href="https://www.cossetandcoddle.com/contact/">Contact</a></li>
         </ul>
         <select id="mobile-menu-1" class="select-menu" style="max-width: none; margin: 0px 0px 25px;"><option value="#">Navigate to...</option>
           <option value="https://www.cossetandcoddle.com/">&nbsp;Home</option>
           <option value="https://www.cossetandcoddle.com/about/">&nbsp;About</option>
           <option value="https://www.cossetandcoddle.com/gallery/">&nbsp;Gallery</option>
           <option value="https://www.cossetandcoddle.com/contact/">&nbsp;Contact</option>
         </select>
         <select id="mobile-menu-1" class="select-menu" style="max-width: none; margin: 0px 0px 25px;"><option value="#">Navigate to...</option>
           <option value="https://www.cossetandcoddle.com/">&nbsp;Home</option>
           <option value="https://www.cossetandcoddle.com/about/">&nbsp;About</option>
           <option value="https://www.cossetandcoddle.com/gallery/">&nbsp;Gallery</option>
           <option value="https://www.cossetandcoddle.com/contact/">&nbsp;Contact</option>
         </select>
         </div>
       </nav>
       ```
   
 * To see for yourself head to [http://www.cossetandcoddle.com](http://www.cossetandcoddle.com)
 * Any ideas?
 * Thanks
 * EDIT – Edited second block of code to make it easier to read.

Viewing 1 replies (of 1 total)

 *  Thread Starter [davidleclarke](https://wordpress.org/support/users/davidleclarke/)
 * (@davidleclarke)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/duplicate-mobile-menus/#post-6370246)
 * EDIT Please note that second block of code will have disappeared from the site
   as I’ve had to hard code the <select> menu into the header. I don’t consider 
   this to be an overall fix so I’ve left the thread open.

Viewing 1 replies (of 1 total)

The topic ‘Duplicate Mobile Menus’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/fruitful/3.8.2/screenshot.png)
 * Fruitful
 * [Support Threads](https://wordpress.org/support/theme/fruitful/)
 * [Active Topics](https://wordpress.org/support/theme/fruitful/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/fruitful/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/fruitful/reviews/)

## Tags

 * [duplicate](https://wordpress.org/support/topic-tag/duplicate/)

 * 1 reply
 * 1 participant
 * Last reply from: [davidleclarke](https://wordpress.org/support/users/davidleclarke/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/duplicate-mobile-menus/#post-6370246)
 * Status: resolved