Header Search Form

Add a Header Search Form

The header builder ( found in  Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. Just click on the "+" (Add) sign and a list of components will appear. From there you can add the Search Form.

Open customizations for Search Form

To open the customizing options, just click on the newly added Search Form component. This will open the Search Form panel on the left side, from where you can customize the component.

Customize the Search Form

In the General tab, you can customize the placeholder used for the Search Form. The default value is "Search for..."

Custom padding and margin

Click on the Layout tab to have access to advanced positioning options like Alignment ( inside the header builder available space for the Search Form component ), Padding, and Margin. 

Neve has only one Search Form component included in the header builder. One extra Search Form component is part of Neve Pro's Header Booster module.

Customize the search form style

Click on the Style tab to have access to advanced visual options like the form height, font-size, border, and colors. Some of these settings can have a different value for mobile devices.