Title: Search icon next to menu icon on mobile
Last modified: December 7, 2025

---

# Search icon next to menu icon on mobile

 *  [Filipe Costa](https://wordpress.org/support/users/filipecostacom/)
 * (@filipecostacom)
 * [4 months, 2 weeks ago](https://wordpress.org/support/topic/search-icon-next-to-menu-icon-on-mobile/)
 * Hi!
 * I hhave this PHP Snippet to add Search to the menu:
 * `// As of 3.1.10, Customizr doesn't output an html5 form.add_theme_support( '
   html5', array( 'search-form' ) ); add_filter('wp_nav_menu_items', 'add_search_form_to_menu',
   10, 2);function add_search_form_to_menu($items, $args) {// If this isn't the 
   main navbar menu, do nothingif( !($args->theme_location == 'main') ) // with 
   Customizr Pro 1.2+ and Cusomizr 3.4+ you can chose to display the saerch box 
   to the secondary menu, just replacing 'main' with 'secondary'return $items;//
   On main menu: put styling around search and append it to the menu itemsreturn
   $items . '<li class="my-nav-menu-search">' . get_search_form(false) . '</li>';}`
 * When on desktop the search bar stays outside of the menu, and I want it to just
   be an icon outside of the menu on mobile, like I have seen on Customizr Documentation
   and demo:
 * [https://demo.presscustomizr.com/](https://demo.presscustomizr.com/)
 * Bu I found no way to add the search ícone outside of the menu on the documentation.
 * Can someone help?
 * thanks in advance!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsearch-icon-next-to-menu-icon-on-mobile%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [mazdeveloper](https://wordpress.org/support/users/mazdeveloper/)
 * (@mazdeveloper)
 * [2 months, 2 weeks ago](https://wordpress.org/support/topic/search-icon-next-to-menu-icon-on-mobile/#post-18813855)
 * Hi 
   To achieve this you have to build the custom header. There are a lot of wordpress
   builder you can use them. But i think you should use Nimble builder([https://wordpress.org/plugins/nimble-builder/](https://wordpress.org/plugins/nimble-builder/))
   which is developed by the same company as the theme.Thanks.

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsearch-icon-next-to-menu-icon-on-mobile%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

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

 * 1 reply
 * 2 participants
 * Last reply from: [mazdeveloper](https://wordpress.org/support/users/mazdeveloper/)
 * Last activity: [2 months, 2 weeks ago](https://wordpress.org/support/topic/search-icon-next-to-menu-icon-on-mobile/#post-18813855)
 * Status: not resolved