Problem with Search Bar in Main Navigation

Any luck with this? I am having the same issue, using Genesis, Agency child theme and this plugin.

No luck for me. I ended up just removing this plugin because I couldn’t get it to ignore or show/hide the search bar at the appropriate times. Is Genesis a responsive theme? If it is, it may already have a built in tiny nav bar that knows to appear when the browser window is a certain width. I’m using Responsive and running my own custom child theme and the built in mobile nav works great. You can see it on a regular computer just by resizing the browser window too.

Experiencing the same issue with the Magazine Theme from StudioPress (Genesis too).

Here’s the html generated. Note the responsiveSelect <select> tag does not include the input .s search box the second time around….

<div class="wrap"><ul id="menu-top-1" class="menu menu-primary superfish responsiveSelectFullMenu sf-js-enabled"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-39877"><a href="https://vivmag.com">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43251"><a href="https://vivmag.com/subscribe/">Subscribe</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-42445"><a href="https://vivmag.com/wp-login.php">Sign In!</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2275"><a title="See the Current Issue" href="https://vivmag.com/issues/">This Issue</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3496"><a title="The Viv Says Blog" href="https://vivmag.com/category/vivsays/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42422"><a title="Submit your VIV Moments" href="https://vivmag.com/vivmoments/">VIV Moments</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42510"><a href="https://vivmag.com/video/">Videos</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42515"><a href="https://vivmag.com/giveaways/">Giveaways</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42542"><a href="https://vivmag.com/playlists/">Playlists</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2514"><a href="https://vivmag.com/category/inthenews/">In The News</a></li>
<li class="right search">
		<form method="get" class="searchform" action="https://vivmag.com/">

			<input type="text" value="Enter Search Here" name="s" class="s" onfocus="if (this.value == 'Enter Search Here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter Search Here';}">
			<input type="submit" class="searchsubmit" value="">
		</form>
	</li></ul>

<select class="responsiveMenuSelect"><option value="">? Navigate</option><option id="menu-item-39877" value="https://vivmag.com" selected="selected">Home</option>
<option id="menu-item-43251" value="https://vivmag.com/subscribe/">Subscribe</option>
<option id="menu-item-42445" value="https://vivmag.com/wp-login.php">Sign In!</option>
<option id="menu-item-2275" value="https://vivmag.com/issues/">This Issue</option>
<option id="menu-item-3496" value="https://vivmag.com/category/vivsays/">Blog</option>
<option id="menu-item-42422" value="https://vivmag.com/vivmoments/">VIV Moments</option>
<option id="menu-item-42510" value="https://vivmag.com/video/">Videos</option>
<option id="menu-item-42515" value="https://vivmag.com/giveaways/">Giveaways</option>
<option id="menu-item-42542" value="https://vivmag.com/playlists/">Playlists</option>
<option id="menu-item-2514" value="https://vivmag.com/category/inthenews/">In The News</option>
</select>

<input type="text" value="Enter Search Here" name="s" class="s" onfocus="if (this.value == 'Enter Search Here') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter Search Here';}">
			<input type="submit" class="searchsubmit" value="">

	</div>

The issue is the way the functions.php filter adds the search bar – you need to write the code so that it only adds it to the main menu. I’d suggest just adding a check to make sure the function only runs once; you could even just remove the filter after the first execution.

Alternatively, simply write a media query to hide the second search bar above a certain viewport width.

Hi sevenspark,
I am having the issue with the search bar displaying twice as well. I am a newbie at this and would like to know how to write the code or make a check in the functions.php file to make the second one disappear. Also how to add the media query. I appreciate your help with this.

I am using a Genesis child theme.