Menu Close

Header Contact (PRO)

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

  1. Find customize settings “Contact Information”, below the list click to “+ Add an item” to add info.
  2. 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.