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.
Enable the Dot Navigation
Log in to your WordPress site
Go to Page → All Pages
Edit the page for which you want to enable the Dot Navigation
Choose on in the Right sidebar → Divi Page Settings → Dot 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.\