Setting up Anchor Navigation (Scrollable menu links)

In “one-page” type of sites like in our Landing demo or Restaurant demo you can use smooth scrolling between sections.

  1. To activate smooth scroll, firstly you must create rows or sections with WPBakery Page Builder
  2. Click the pencil icon to edit row or section
  3. On General tab, go to Row ID field and add your unique row/section id
  4. Add custom menu link with the ID you have applied to the row i.e: #my-unique-id
  5. Save changes on menu and scrollable menu item will be active

Additionally, you can add smooth scroll link to any element or plain HTML by adding scrollable class, for example:

<a href="#my-unique-id-here" class="scrollable">Go to this section</a>

Was this article helpful?

Yes No