Home Page Elements Navigation Widget

Navigation Widget

Last updated on Aug 19, 2024

The Navigation Widget usually contains links to your About Us, Contact Us, Pricing, Terms & Conditions, etc. This will allow your page visitors to move from one page to another by clicking on of the tabs in the navigation bar.

Add a Navigation Widget to a Page

Click the Add [+] Button to slide out the Page Elements menu. Click the Navigation element from the menu, then drag it to a section on the page.

Property Settings Menu

Click the [settings icon] to load the property settings of the Navigation object.

  • Link Builder

  • Layout Style

  • Typography

  • Position & Padding

  • Width

  • Alignment

Link Builder

  • Add a navigation link

  • Delete a navigation link

  • Change the order of the navigation links

  • Select the link type (Text link, icon, button)

  • Edit the text in each navigation link

  • Set the link destination

Layout Style

You can choose whether to have horizontal or vertical navigation.

Typography Settings

You can choose a font style, change the size and color of the text for all the navigation links

Position & Padding Settings

  • Position - You can move the object’s position upward or downward.

  • Padding - You can control the spacing between the navigation object and other objects on the page.

Width Settings

Use the width dials to adjust the width of the Navigation object.

Alignment Settings

You can set the alignment of the Bullet Point object to left, center, or right.

Other Element Options

Click the dropdown arrow next to the settings icon of the element or right-click on the element to show the other options.

  • Cut - the element will be removed from the page and can be pasted in another part of the page or on a different page

  • Copy - the element will be copied and can be pasted into another part of the page or on a different page

  • Paste Below - a copied or cut element will be pasted below the selected element

  • Rename - the element will be renamed instead of having the default element label

  • Duplicate - the element will be duplicated and placed below the selected element

  • Delete - the element will be deleted from the page

  • Navigation Settings - it will open the settings menu on the left side of the screen

  • Help with Navigations - it will open up a new tab and redirect to a help article about the element