Header HTML

Consists of an area that allows HTML code and shortcodes.

Add a Header HTML

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 HTML component.

Open customizations for the Header HTML

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

Add your custom Header HTML

The component allows for HTML code and shortcodes.

Dynamic Tags

Dynamic Tags are another way of adding content in the HTML component. Dynamic Tags draws content from the website, or from the current page/post, changing dynamically according to the Page or Post it’s on. To get access to the Dynamic Tags click on the three dots shaped like a triangle.

Want to add social icons in the header? Check out how you can do it using the HTML component.

Want to add widgets in the header area? Check out how you can do it using the HTML component.

Style the Header HTML

Advanced styling for the text inside the HTML component. You can change the color of the text and its typography ( font size, weight, line height, and line spacing ).

Note: The Text Color option does not apply to links in the HTML component. To change the color of the links go to Appearance > Customize > Colors & Backgrounds > Links.

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 HTML component ), Padding and Margin.

Neve has only one HTML component included in the header builder. Two extra HTML components are part of Neve Pro's Header Booster module.