Articles on: Site editing
This article is also available in:

Menu bar settings

If you add a new page to the pages menu, it will be accessible only by a direct link. To make a page visible to the site visitors, you should add it to the navigation menu as well.


The site menu is a part of a header or a footer block that serves for easier site navigation. With the help of a menu, your site visitors will be able to switch pages on a multi-page site or scroll to the blocks on a long single-page site. 


Follow the instructions below to set up a menu on your site.


Also, you can watch our short video tutorial on how to add a navigation:


In this section, you will learn how to edit the site bar menu:


Adding a menu element

Menu is usually added to the headers or footers by default. However, if you want to place several menus within a block, or move it to another row, you can add a menu in the following way.


  1. Hover over the empty box in the block and click on the "plus":



  1. Choose the Menu from the pop-up window:



Adding pages to a menu


  1. Hover over the added menu and click on the "gear" to access its settings:



  1. In the Items tab click on the Add menu item to set a new page in the navigation:



  1. You can also delete, rename or duplicate the existing pages:



Tip: You can also rename menu items by clicking on them.Tip: Check the Adding subpages article to see how you can add subpages in the navigation menu.


  1. Now, there are menu items that do not lead anywhere yet. To make sure they open the relevant pages/ blocks, you will need to link them accordingly. For that, open the item settings by clicking on a "gear" and choose the needed click action, then click Apply:



Note: You can also hide the menu item from the navigation in case you don't need it now:



Adding subpages in the navigation menu


  1. Click on the menu settings in your header:



  1. Hover over the page which you want to make a subpage and click on the three dots:



  1. Choose Convert to subitem:



  1. This is how it will look on the published site:



Changing the style of menu items

Once you've set a navigation on your site, you can go ahead and customize the style of the menu items — text color, formatting, etc.


  1. In the Layout tab of the menu settings you can adjust the alignment of your items:



  1. Navigate to the Style tab and choose the needed text formatting and colors for your menu:



  1. Don't forget to publish your site for the changes to appear live.


Tip: Some font families in our gallery, such as Happiny, have in-built text style settings. If the color of the hover for your item is different from what you've selected, try changing your font. Learn more in the Changing site's font article.


Changing the font of menu Items


  1. To change the menu font, go to the editor, click on the Site styles icon in the control panel, go to the texts tab and click Edit:



  1. From the list of text types, select Text and by clicking on the "gear", go to its settings:



  1. In the drop-down list, you can select the font you need for the menu of your site:


Updated on: 11/15/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!