Header Button

Add a Header Button

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 Button.


Open customizations for Button

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


Add your custom label and link for the header button

Text: Button label

Link: Button link. It can be an URL, mailto action (for e.g mailto:someone@yoursite.com) or tel button (for e.g tel:123-456-7890).

Dynamic Tags

For both the Text and Link options, you have the option of entering your own custom text or using dynamic tags.

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, near the option of your choice.


Style the header button

Advanced styling for your button. You can choose between two styles (Filled and Outline), customize button text color, background, hover text color, hover background and border radius. 

For the Outline style, there is also a border width control.


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

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.