The Contact Component - Neve Header / Footer Builder (PRO)
📝Note: This component is part of the Neve Header / Footer Builder.
If you wish to add your contact details (information like address, email, and phone number) to the website header, you can do so through the Contact component.
🧰Using the Component
- Start by adding the component into the rows, by clicking on the ➕ button and selecting the component.
- Open the component's settings to customize it, by clicking on the ⚙️icon.
🔮Customizing the Component
There are three panels with customizing options for this component, which allow you to create the desired header / footer:
When you click on the ⚙️ icon, the General tab will appear on the left side. From there you can add any widget from the library, by clicking on the ➕ button.
Here you can add items for which you can configure the text that appears, the icon, and also its type ( text, email, phone ).
An interesting fact is that their visibility can be changed by clicking on the 👁 icon.
In the Layout tab, you also have access to advanced positioning options like:
- Padding - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions ( Desktop | Tablet | Mobile ).
- Margin - available in PX, EM, and %, with a link button that helps with establishing the same dimension for all the directions ( Desktop | Tablet | Mobile ).
🖌 Style Panel
In this area, you will find options of customization for the contact elements:
- Icon Position - where the icons will be situated ( right / left ).
- Items Spacing - adjust the space between the items.
- Text / Icons Color - select from the Global Colors of Neve or pick a custom color for the text and icons ( those can be different ).
- Typography - options to modify the font of the text.