Header Info Widget

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

Follow the step-by-step instructions:

1. Go to Menu RTM 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.