How to create smooth scrolling

Smooth scrolling enables one-click navigation to any row, column, or module, eliminating the need for manual scrolling.

Add a unique ID to the target node

• Click the Advanced tab.
• Scroll down to the HTML Element section.
• In the ID option, add a unique value (e.g., "my-unique-id").
• Ensure the ID value only contains alphanumeric characters, hyphens, or underscores.

Add the unique ID to a link

You can add the unique ID to a link option in a node, link in text within a Text or HTML modules or menu item.

Node

1. Open the node settings where you want to create the link.

2. Locate the link option or field.

3. Enter your unique ID, prefixed with the "#" symbol (e.g., #my-unique-id).

4. Save the changes to apply the link.

This will create an anchor link that jumps to the element with the matching unique ID on the same page.

Link within Text

If the link is created within the Text or HTML modules rather than an module with a Link option, set up the link the same way, with #my-unique-id, as shown in this screenshot.

Menu Item

To add a menu item linking to your unique ID:

1. Go to Appearance > Menus in the WordPress Admin Dashboard.

2. Add a Custom Link.

3. Enter your unique ID with a "#" prefix (e.g., #my-unique-id) in the URL field.

4. Add your menu item name in the Link Text field.

5. Click "Add to Menu" and then "Save Menu".

This will create a link that scrolls smoothly to the target node on the same page.