How to create Sticky Section on Divi

As a normal website user, it would really be a big thing if a website has a section that can be accessed and viewed regardless of where you may be in the midst of a page’s content. As a website developer, imagine an experience that you can give to the user that requires him to scroll up the same distance he scrolled down the page just to check a section again.

In this case, there can only be one solution: sticky section. Sticky sections or fixed sections are those sections on a webpage that remains visible and in the same position as the user scrolls down and moves about a site. Sticky sections can be a help for users to not feel distracted or uneasy because he knows that the content that he needs is right in front of him. In this tutorial, I will be teaching you how to create a Sticky Section in Divi.

Let’s start!


STEP 1: Identify which section would be sticky.

STEP 2: Assigning class to the section for the sticky and stopper.

1.The screenshot explains the section for the sticky section, content and the sticky-stopper.

2.For this layout, I used Special Section for the page.

3. Open the Module Settings.

4.When you open the Module settings, go to Advanced then assignthe class for the stopper and sticky section. (Note: I used special section for the layout).

5.Then, the next step is to assign a class for the content.

STEP 3: Uploading the file needed for the sticky section.

1. Attach the files needed for the sticky section and upload it to your JS folder on your Divi child theme.

2. Then, place this script on your footer before the body tag.

STEP 4: Uploading CSS.

Place the CSS on your style.css.


* {
margin: 0;
padding: 0;

.aside {
background: #cecece;
float: left;
/*padding: 20px;*/
padding: 0 20px;
width: 260px;

.stickit {
margin-left: 0;
position: sticky;
top: 0px;
left: 0;

.stickit-end {
bottom: 40px;
position: inherit;
left: 0;



If you have any issues or questions, feel free to message in the comments box below.

Related Posts

Why White Label Seo Reports Important?

Why White Label Seo Reports Important?

In 2019, Google had an eCommerce share of 74.30% of desktop searches and 93.14% of mobile searches globally based on And SEO reports have become a vital part of every online business. SEO reports enable you to show your clients why they're paying you,...

read more
Top 7 White Label Keyword Research Strategies for 2022

Top 7 White Label Keyword Research Strategies for 2022

The aspect of keyword research is so large in the overall process of SEO that it may as well be a separate process that every website owner should utilize. Unless you own or you’re building a website that gets traffic from direct sources like email marketing or social...

read more