Divi – Page Settings

Video Tutorial

Script & Screenshots

In this video I’m going to go through the Page Settings for all pages.

The Dot Navigation feature lets you turn on a floating side navigation bar on a per page basis. This navigation bar auto detects the sections on your page and creates a dot indicator for each. The highlighted dot indicates the current section, and each dot is linked to its respective section. When clicked, these navigation items transport you to their relevant sections using a smooth scrolling animation.  This feature is great for one page layouts.

Here is an example of the Dot Navigation when it is enabled.

The Hide Nav Before Scroll allows you to hide the nav bar until the user scrolls on the page.  You can choose to do this on one page or as many as you like.  This could be useful if you have a full width image that you’d like your visitors to see all of, without any distractions of the nav bar.

That’s it for this video.  I’ll see you in the next one.