add search form to wordpress navigation menu

In many wordpress premium theme search form added in navigation menu and many clients are demanding for same So here we created tutorial for adding search form.

WordPress tutorial for, add search form to wordpress navigation menu. If you are wordpress developer then only use following code. Open your functions.php file from your theme and put following code in that file.

add search form to wordpress navigation menu

Using following code in you can add the search form in your menu bar.

01function add_search_box($items, $args) {
02ob_start();
03get_search_form();
04$searchform = ob_get_contents();
05ob_end_clean();
06$items .= '
07<ul>
08 
09<ul>
10<ul>
11    <li class="search-form">' . $searchform . '</li>
12</ul>
13</ul>
14 
15</ul>
16';
17return $items;
18}
19add_filter('wp_nav_menu_items','add_search_box', 10, 2);

There is very nice wordpress plugin which will add search box in navigation menu.

Search box on Navigation Menu

This plugin will add the default search box on main navigation menu that will save the space and flexibly fit with the menu.

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn View all posts by Purab

One thought on “add search form to wordpress navigation menu”

Great article. Saved my time. I can able to add the search form in top menu of wordpress.