Side navigation menu

Divi side navigation menu layout & tutorial

This free Divi layout and tutorial is from the Elegant Themes website blog post “Creating Custom Column Side-Navigation for One-Pagers with Divi”.

Create a custom side navigation menu for Divi one page websites using styled text modules with anchor links in a regular Divi column.

The tutorial will show you how to;

• Position the menu using Divi transform options
• Use anchor links to scroll content for each menu item

Download this layout on the Elegant Themes blog

To download the JSON layout file for this tutorial you will need to enter an email into the subscription box on the blog post. If you are already signed up to the Elegant Themes mailing list you will not be re-added. This sign-up form is found just below the layout Demos near the top of the post.

To import the layout to your Divi website you will need to extract the zip file and drag-and-drop the JSON file into your Divi Builder page.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.