In this video tutorial, we will show you how to edit the menu in the site header after importing a demo:
- Please navigate to the Admin Bar at the top of the page, and find “Edit with Elementor”.
- Hover over it to show a drop-down list. Find the site header, its name will vary depending on the demo you imported, for example, it may be “Main Header”, “Seafood Header”, “Pastry Header”, etc., the key word is “Header“.
- Click on it to open the Elementor editor. Now you may not be able to see any elements in the editor, because this is an overlapping header with no background color, and the font color of the header is white, and the default background color of the website is also white. In the upper right corner of the editor you can find Color Mode Simulator, click “DARK” and the editor background will turn black so you can see what’s on the page. The Color Mode Simulator only works in the editor, it will not affect the page in the front-end.
- Click on the Navigation Menu to edit it. You can select an existing menu on your website, and change the style settings in the “Style” tab.
- To edit menu item text and links in a menu, please navigate to your website dashboard > “Appearance > Menus“. There you can select an existing menu to edit, or create a new menu. The menu items can be reordered.
For more information about how to manage menus, please read the following tutorial: