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.

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":

2. 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:

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

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

Tip: check the article Adding subpages to see how you can add subpages in the navigation menu.

4. 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:

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

3. Choose Convert to subitem:

4. 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:

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

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

Tip: some font families in our gallery — for example, 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 article Changing site's font.

• Related Articles

• Adding an Anchor Menu

  The anchor menu helps to create quick access to different blocks of your page. Once a visitor clicks on the menu item linked to an anchor, the page is automatically scrolled to the desired block. It will come in handy if you want to create smooth ...

• Adding a Language Menu

  A language menu is a specific component in the header and footer that allows your visitors to switch between languages on your multilingual site. When a user clicks on the language menu, it redirects them to the chosen language version of your site. ...

• Changing the Burger menu Color

  All sites on SiteCliq are automatically adapted to different screen sizes. The editor creates a mobile version automatically based on all the blocks and elements you've added to the site. Since navigation menus in the header can take up too much ...

• Icons Settings

  SiteCliq allows you to add icons from the integrated services — Icons8 and Noun Project. You can also upload your own, custom icons in the editor. Follow the instructions below to see how you can add icons and change their background, color, and ...

• Footer Settings

  Footer is a block that is placed at the bottom of your site. It allows you to organize a lot of site navigation and add additional information about your company. Our team designed a fully customizable and user-friendly footer with a wide range of ...