A Navigation Menu is among the most important components when creating a website. It helps visitors to navigate to different pages or content easily.

follow the step by step instructions:

Step 1: Use Menu

• Go to Menu Rometheme Header & Footer, and you will be able to see Nav Menu Widget.
• Click Add New Container.

• On the canvas select your structure.

• Drag the widget from the Elementor and Drop it on the selected area.

• Click Menu Select → select Header.
• Showing Nav Menu by defalut like the picture below.

• Click Menu Screen to manage your menus.

• Edit your menu in the menu structure.
• Click menu → you can edit navigation label.
• Click remove to delete the menu.
• You can move your menu : up one, down one, under, or to the top.
• Don’t forget to click Save Menu to save your changes.

• Click custom links → you can create a new menu in the link text column.
• Click Add to Menu.

• Select your menu position : left, center, right, justified.
• Select dropdown as open : hover or click.
• This setting for open the submenu in desktop and has no effect on the mobile view, If you choose “Click”, the menu will not link to the menu page.
• You can also select responsive breakpoint : tablet or mobile.

Step 2: Customize Menu

• Click Style → Menu Style.
• Customize your font in the typography column.
• Setting the horizontal and vertical padding as you need.
• Select your color in the text color column, click specific color to add another color.

Step 3: Customize Sub Menu

• Click Style → Submenu Style.
• Customize your font in the typography column.
• Setting the horizontal and vertical padding as you need.
• Select your color in the text color column, click specific color to add another color.