Skip to content
  • There are no suggestions because the search field is empty.

Adding a Navigation Menu to the Navbar or Footer of a Website Page

A navigation menu can improve website's usability by making it easier for visitors to find what they are looking for.

Watch the entire video here, or you can go through each step explained below.


You can add a navigation menu to the header or footer of your website by following these simple steps:

  • To start, navigate to your website landing page and click the Widgets icon.

    Navbar 1
  • Here, select the Navbar widget

    Navbar 2
  • Now, simply hover over the Navbar or Footer and click on the Edit button.

    Navbar 3
  • Next, on the right side of your screen, locate and click on the Add Content button.

    Navbar 4

  • From the Add Content type dropdown menu, choose Horizontal Menu or Drop-down Menu.

    Navbar 5
  • Horizontal menu items are designed to be placed horizontally one after the other.
  • In dropdown menus, a button is included that, when clicked, reveals a dropdown menu with clickable links for users to navigate through.
  • Select the menu that you have created in the Navigation Menus section.
  • To adjust the alignment, make sure to check the Stretch Block checkbox first. Enabling the Stretch Box option allows you to align the item either to the right or left within the stretched block.

    Navbar 7
  • Once you've made all desired changes, don't forget to click Save to apply them.

  • You can reorder the menu elements by dragging them

    Navbar 8
  • Once you publish the landing page, your visitors will see it like in the image below

    Navbar 10