Header Search Box in Customify displays a search form directly in the header.
Use this item when the search field should remain visible. For a compact trigger instead, use Header Search Icon, then place either item with Header Rows Settings and Header Item Layout.
Where to find it
- Go to Appearance → Customize → Header. The Header Builder opens.
- Add Search Box to a header row.
- Click the Search Box item name in the row. The Search Box settings open.
Customize Header Search Box
| Setting | What it changes |
| Placeholder | Changes the placeholder text for the search input. The default is Search … |
| Search Form Width | Sets the search box form width. |
| Input Height | Changes the height of the search form input. |
| Icon Size | Changes the submit icon size. |
| Icon Position | Sets the submit icon position. The default is -40px on desktop, tablet, and mobile. |
| Input Text Typography | Controls typography for the search input. |
| Input Styling | Controls search input color, padding, border, background, and box shadow. |
| Icon Styling | Controls search submit icon color, padding, border, background, and box shadow. |
Pro search options
When WooCommerce Booster is active, Search Box adds product-search controls in the same Search Box settings section.
- Search products only: Limits the search form to WooCommerce products.
- Enable product categories: Adds a product category selector when product-only search is enabled.
- All categories text: Changes the selector label. The default is All Categories.
If the header also needs a mobile menu trigger, add Menu Icon and configure the Header Menu Sidebar.