Skip to main content
How to Use the Divi Dot Navigation

Enhance the user experience by providing a sleek and intuitive way to navigate through long-scrolling pages by using Divi Dot Navigation.

Updated over 2 months ago

The Divi Dot Navigation feature is a powerful tool that enhances the user experience by providing a sleek and intuitive way to navigate through long-scrolling pages.

In this article, we will guide you through the process of enabling Dot Navigation in Divi.

Technically, the Divi Dot Navigation is a floating bar with built-in anchor links. It automatically creates anchor links based on the number of sections a page layout has.

Divi - Example of a Page with Dot Navigation enabled

Enable the Dot Navigation

  1. Log in to your WordPress site

  2. Go to Page → All Pages

  3. Edit the page for which you want to enable the Dot Navigation

  4. Choose on in the Right sidebar → Divi Page Settings → Dot Navigation

    Divi - Enable Page Navigation

Once you turn on Dot Navigation, Divi automatically adds a transparent menu on the right side of your page. 

When you add a new section, a new circle link (or dot) will be added automatically to your floating side nav. Users can click the dots to skip to different sections on the page. 

It also helps identify where the visitor is on the page, making long-format pages easier to understand and navigate.

Note: It works only if you have more than one section. The dot navigation won't be displayed if there is only one section.\

Did this answer your question?