Sticky modules

FREE!

VIEW LAYOUT

Categories: , Tags: , , , Added: October 8, 2019

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.

Reviews

There are no reviews yet.

Be the first to review “Sticky modules”

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close