Sticky modules

Create a sticky Divi module fixed to its column

This sticky module effect for Divi is available to download for free in the blog post "How to Keep Modules Fixed in Their Column Container with Divi" on the Elegant Themes website.

The interactive sticky scroll effect helps present your CTAs or any content in a nice linear way.  The tutorial will show you how to create the elements using the standard Divi modules and settings and then use a Divi code module to add some custom CSS that adds "position: sticky;
position: -webkit-sticky;" to the target elements.

How to download from the Elegant Themes blog

To download the Divi JSON layout file for this tutorial you will need to enter an email address into the subscription box on the Elegant Themes blog post. If you are already signed up to the mailing list you will still need to add your email to the form, but you will not be re-added to the list.

How to import the layout to your Divi website

To import the layout to your Divi website you will need to extract the .JSON file from the zip file you download and either import to your Divi library or drag-and-drop the 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.