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.