If you wish to add Contact details to your Site Header, you can do so through the Customization options alone.
The Header -> Contact settings require no coding skills, and information like address, email, and phone numbers can be added automatically.
Drag Header Contact Item into a header row to add it. And then click to gear icon to open customize settings.
Adding contact information
- Find customize settings “Contact Information”, below the list click to “+ Add an item” to add info.
- Click to arrow to toggle info settings.
Item fields:
- Title: Contact information title, it can be address, phone number, email,…
- Icon: Contact information icon, e.g. map marker
- Field Type: Set your file type. If field type is phone, email or number field info will clickable on frontend.
Customize Header Contact Item
- Item Typography: Advanced typography settings, e.g. font size, font family,..
- Item Styling: Advanced styling settings for item, e.g. color, background , border,..
- Icon Size: Set icon size.
- Icon Padding: set icon padding.
- Item Icon Styling: Advanced styling settings for icon, e.g. color, background , border,..
- Display Align: Set items align.
- Display as vertical in menu sidebar.