If you want your users to find the website or business brief information quickly, then the ElementsKit header Info widget is a great choice. It helps you to add important information, style the header’s look, and customize it with any essential link. Thus, the website visitors can see the contact number, address, email id, etc., without scrolling much.

Adding Header Info #

You have to add heading info to the header of the website. You can add it to the existing header or create a new header.

1. From your Dashboard, go to ElementsKit Header Footer
2. Click Header tab
3. Add New Template and edit with Elementor

Edit -> Find Header Info widget -> Drag and drop & start editing

Header Info #

Here, you can add items like phone number, address, email ID, etc. by clicking the “+” sign. For example, if you

• Header Info: Write header information that you want to show.
• Icon: Upload SVG or choose from the library
• Text: Add or Edit Header Info
• Link: Provide Redirect Link
• Add New Item if you need

Style #

Here, you have options to customize margin, padding, text color, background color, typography, icon color, icon size, and icon spacing according to your preferences. 

Here is the final output of our header info customization-

ElementsKit always brings simple settings to lessen your effort. Hope you find this widget useful and enjoy customizing your header info.