How To Use & Customize Header Info Widget

Header Info Widget can help you add important information, style the header look, and customize with any essential link. Thus, the website visitors can see contact numbers, address, email id, etc. without scrolling too much.

Follow the step-by-step instructions:

1. Go to Menu Rometheme Header & Footer.

2. And you will be able to see the Header Info Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Content Header Info :

• Click Content → Header Info.
• Select Layout : Inline / List.
• Click Icon Library → Choose Icon → Click Insert.
• Click Add Item to add more header info.

9. Header Info Style (used to customize the header info style) :

• Click Style → Header Info.
• Customize the alignment, margin, padding item row and column spacing.

10. Text Style (used to customize the text style) :

• Click Style → Text.
• Customize the typography, text and background color

11. Icon Style (used to customize the icon style) :

• Click Style → Icon.
• Customize the icon size, icon spacing and icon color.

12. Don’t forget to click Publish to save the changes.