# How to remove search in main menu/nav bar

**URL:** <https://colorlibsupport.com/t/how-to-remove-search-in-main-menu-nav-bar/47604>\
**Category:** Shapely\
**Created:** [June 25, 2026, 1:03am UTC](https://colorlibsupport.com/t/how-to-remove-search-in-main-menu-nav-bar/47604 "2026-06-25T01:03:20Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dbdevkc](https://colorlibsupport.com/user_avatar/colorlibsupport.com/dbdevkc/32/13502_2.png) [@dbdevkc](https://colorlibsupport.com/u/dbdevkc)\
**Post date:** [June 25, 2026, 1:03am UTC](https://colorlibsupport.com/t/how-to-remove-search-in-main-menu-nav-bar/47604/1 "2026-06-25T01:03:20Z")

</div>

I tried this - but it did not work:

In Appearance \> Customize \> Additional CSS

/_Search bar removal_/  
.nav-search {  
display: none;  
}

---

<div class="post-metadata">

**Author:** ![dbdevkc](https://colorlibsupport.com/user_avatar/colorlibsupport.com/dbdevkc/32/13502_2.png) [@dbdevkc](https://colorlibsupport.com/u/dbdevkc)\
**Post date:** [June 25, 2026, 2:40am UTC](https://colorlibsupport.com/t/how-to-remove-search-in-main-menu-nav-bar/47604/2 "2026-06-25T02:40:46Z")

</div>

I figured it out. Modified: public\_html/wp-content/themes/shapely/header.php

Commented out the following:

```auto
<div class="module widget-handle search-widget-handle hidden-xs hidden-sm">
	<button class="search">
		<i class="fa fa-search"></i>
		<span class="title"><?php esc_html_e( 'Site Search', 'shapely' ); ?></span>
	</button>
	<div class="function">
		<?php
		get_search_form();
		?>
	</div>
</div>

```

Did the trick.