{"id":422,"date":"2022-11-26T09:48:53","date_gmt":"2022-11-26T09:48:53","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&p=422"},"modified":"2023-09-08T06:41:57","modified_gmt":"2023-09-08T06:41:57","slug":"how-to-edit-menu-content-in-site-header","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-edit-menu-content-in-site-header\/","title":{"rendered":"How to edit the navigation menu and menu items in site header"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In this video tutorial, we will show you how to edit the menu in the site header after importing a demo:<\/p>

  1. Please navigate to the Admin Bar<\/strong> at the top of the page, and find \u201cEdit with Elementor<\/strong>\u201d.<\/li>
  2. 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 \u201cMountain Chalet Header\u201d, \u201cIsland Resort Header\u201d, \u201cApartment Header\u201d, etc., the key word is \u201cHeader<\/strong>\u201c.<\/li>
  3. 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<\/strong>, click \u201cDARK<\/strong>\u201d and the editor background will turn black so you can see what\u2019s on the page. The Color Mode Simulator<\/strong> only works in the editor, it will not affect the page in the front-end.<\/li>
  4. Click on the Navigation Menu<\/strong> to edit it. You can select an existing menu on your website, and change the style settings in the “Style” tab<\/strong>. If there is no any Navigation Menu<\/b> element on the page, you can find it in the left panel of Elementor: CozyStay Elements<\/b> > Navigation Menu<\/b>. Please add it to the page, and then you can select an existing menu and tweak the styles of the menu.<\/li>
  5. To edit menu item text and links in a menu<\/strong>, please navigate to your website dashboard > “Appearance > Menus<\/strong>“. There you can select an existing menu to edit, or create a new menu. The menu items can be reordered.\u00a0<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    For more information about how to manage menus, please read the following tutorial:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\n