One Page Navigation

Use One Page Navigation widget to add a navigation menu on a fixed position or sticky to the top of the window.

Navigation Links and Target Sections

You can link the navigation items independently. But, if you are targeting an internal section on the same page, then you need the mark that section with the same identifier given to the link. The only difference between them, the “Link to” part should contain the “#” character before it.

For example; the following screenshot shows how the “Clients” navigation item is linked to the “section-clients” id.

In order to mark a section;

  • Open the “Edit Section” panel of the target section.
  • Navigate to the Advanced tab
  • Use the CSS ID field to add your unique identifier. Don’t use space or special characters other than dash or underscore.