One Page Navigation / Dot Nav

Documentation / Premium features

Premium

One Page Navigation / Dot Nav

EE Dot Nav widget: fixed dots that scroll to section CSS IDs. The active dot updates as the visitor scrolls. Off by default.

Where Elementor: EE Dot Nav. Admin: Elementor Extras → Dot Nav.

How to use it

1. Turn on "Platform: One Page Navigation / Dot Nav" under Settings → Add-on features.
2. Give each page section a CSS ID under Advanced (for example ltxe-nav-intro).
3. Drag EE Dot Nav onto the page. Add one dot per section: CSS ID, label, and an optional icon.
4. Choose left, right, top, or bottom. Set scroll offset for a sticky header. Optional: hide on small screens.
5. Publish the page. Click a dot to jump; the active dot updates as you scroll. Open Elementor Extras → Dot Nav to see which pages use the widget.

Notes

• This is not a header menu. It is a fixed one-page pager for section IDs on the same page.
• Section IDs live in widget data-settings so compiled asset pages still work.
• Smooth scroll becomes instant when the visitor prefers reduced motion.