Use a headers widget to introduce the content displayed on the page, to brand the page, to insert links to other pages, or to scroll to specific areas on the page.

follow the step by step instructions:

• Go to Menu RomethemeKit → Theme Builder.
• Click Edit with Elementor in Header.

Step 1: Customize Header (Desktop)

• Select the widget from the Elements Drag and Drop on the selected area.
• You can add image widget to showing your logo in header.

• Click tab layout, style or advanced menu to customize your header.

• Click Nav Menu to customize your menu.
• If you want to add or edit the menu, you can click Menu Screen Link like the picture below. (If you don’t know how to create a Menu, please check the guide here.
• Click Submenu Content to change the sub menu icon.
• Click Hamburger Setting to change the Hamburger icon. (A hamburger icon is a navigational tool whose purpose is to hide a menu and reveal it when a user clicks, taps or touches the icon. This icon will show in the tablet and mobile phone.)

• Click Tab Style
• Click Menu Style → you can changes typography, setting padding, and menu color.
• Click Tab Hover & Tab Active → you can changes the hover and active color.

• Click Submenu Style → you can changes typography, setting padding, submenu color and icon.
• Click Tab Hover & Tab Active in the Background → you can changes the hover and active color.

Step 2: Customize Header (Mobile Responsive – Tablet & Mobile Phone)

• Click Tablet or Mobile Phone Mode.
• Click Menu Style → you can changes typography, setting padding, and menu color.
• Click Tab Hover & Tab Active → you can changes the hover and active color.

• Click Submenu Style → you can changes typography, setting padding, submenu color and icon.
• Click Tab Hover & Tab Active in the Background → you can changes the hover and active color.

• Click Hamburger Style → you can setting icon alignment, padding, icon hamburger size, background and hover color over here.

• If you want to change the menu icon on your mobile display, please follow the steps below:
• Make sure you have displayed your Elementor page in a mobile responsive display.
• Click Menu Content → Hamburger Setting → Icon Library.
• Click RomthemeKit Icon Pack → Select Icon you can to user → Click Insert.
• Don’t forget to Click Publish to save the changes.