Introducing Divi’s new Sticky Options

https://www.tomolpack.com/2025/03/11/srtin5jh4 Aug 28, 2020

https://www.fogliandpartners.com/5rul3u6v https://www.emilymunday.co.uk/rd8pxqz Disclaimer: This site is a labour of love, but love doesn’t buy me matcha lattes. Affiliate commissions for awesome internet tools, on the other hand, totally buys me matcha lattes. This post probably contains some affiliate links. Read my affiliate disclaimer here.

https://www.emilymunday.co.uk/k6ovlp1c

https://www.andrewlhicksjrfoundation.org/uncategorized/0d1u3ip Hey guys. It’s been a while since I’ve had a new Divi post for you. 2020 has been really weird for me.

https://www.infoturismiamoci.com/2025/03/cs1puzd

https://municion.org/4q4lszu But, I wanted to pop in and share with you the brand new sticky options in Divi because, OMG, they’re so freakin’ cool. I am so stoked about this update I don’t even have words. As soon as I started playing around with the update, I started doing a happy baby clap behind my desk.

https://municion.org/nzl4jx2y

One of the biggest — and most frustrating — parts of Divi for me has been just how annoying it is to make something sticky, but now all that frustration is gone.

What does “sticky” mean?

When it comes to web design, “sticky” basically means something doesn’t move while all the other stuff keeps moving.

Buy Zolpidem Online Overnight Uk Here’s a demo below. Pay attention to the ad on the side.

https://www.mdifitness.com/v9qxf13m The ad sticks once the visitor scrolls down far enough.

Buy Clonazepam Without Prescription

Why would you want to make something sticky?

https://chemxtree.com/uziqbtpb Depending on what elements you make sticky, stickiness is good for usability — user experience — or conversions.

In the example above, stickiness is used to draw your attention to that ad. The ad scrolls, but then it stops. Your brain notices that. This subtle change makes the ad much more obvious, and this is good for your conversion rate.

https://www.scarpellino.com/nhymv17hxg https://www.infoturismiamoci.com/2025/03/1b164y79y But what about usability?

Having a fixed (or sticky) menu bar on your website makes your site much easier to use and get around. Your user doesn’t have to scroll up to the top to get to the menu.

https://ballymenachamber.co.uk/?p=moxjdsuiq The reason I am so excited about sticky options is because when Divi came out with the Theme Builder framework it became more annoying to create a fixed header. In old Divi, you’d make your navigation fixed simply by switching a toggle.

https://www.wefairplay.org/2025/03/11/y9qrsjhoer But when Theme Builder came out, the built in Divi navigation bar became pretty useless as the Theme Builder is just sooooo robust. The header for this site is custom designed in the Divi Theme Builder. And for months I’ve wanted to make it fixed, but it’s been too annoying to make it work perfectly across all browsers.

Buy Ambien Prescription Online But this is all changed now thanks to the Divi Sticky Options.

How to Use Stickiness in Divi

https://www.infoturismiamoci.com/2025/03/2wu93eo7wq Like most things the developers do here with Divi, stickiness is super easy to use.

Buy Ambien Cr Cheap Inside any section, row, or module, go to: Purchasing Ambien Advanced > Scroll Effects > Sticky Position. There you have a number of options:

Stick to Top: This sticks your element to the top of the screen. This is what you’d want to use to make a sticky header. Once the element hits the top of the screen, it’s going to stay there.

Buy Zolpidem Online Canada Stick to Bottom: This sticks the element to the bottom of the screen. This is perfect for making CTA (call to action) boxes that are stuck to the bottom and then expand once the user scrolls down far enough.

https://www.emilymunday.co.uk/hy2cu1iou Ambien Buy Online Stick to Top and Bottom: The best of both worlds, this option sticks the element to the top or the bottom, based on how the user is scrolling. It sticks to the bottom as you scroll up, and it sticks to the top as you scroll down.

https://hazenfoundation.org/phy2y80kl34 See exactly how easy it is to make your theme builder header sticky in the gif below. If all you want to do is make your header sticky, just follow this 30 second screen recording. (Watch on YouTube)

Advanced Sticky Features

Since you can make any section, row, or module sticky, you aren’t limited to only making the very top header sticky. You can have a menu bar lower on the page that turns into a sticky menu bar at the top of the site once the user scrolls.

https://www.plantillaslago.com/avvd6l5s Let’s look at the theme I’ve been building called Margot (available for purchase on September 1st 2020).

Order Clonazepam Legally Online This blogger theme is designed to get readers to click through to the blog posts, which is why I installed a blog post display at the very top of the site, above the menu bar. But once people scroll, I don’t want them to be bugged by the blog posts, so the blog posts disappear, and the navigation becomes sticky.

While finally having a sticky menu bar in Theme Builder is fucking fantastic news, where Divi really shines is the ability to change different parts of an element based on whether or not it is sticky.

Ordering Ambien In this example, I am using a sticky element as a Call To Action on the Work With Me Page.

Notice how the light pink bar that says, “not sure what package is for you?” stays at the bottom as you scroll down the page. But when you click it, the sticky element zooms down to the contact form, and the background changes from light pink to white.

https://www.scarpellino.com/8ihpkeoon1 The ability to change the background to a different colour when the element is sticky is amazing. This means it’s going to stand out as people scroll. If the element had a white background while sticky, it would fade into the background.

https://municion.org/akrm5rj The ability to change the background colour based on the sticky state is right next to the responsive settings. See how in this video from Elegant Themes.

https://ottawaphotographer.com/kjfhx0mgv6w

https://www.wefairplay.org/2025/03/11/p42xhya4vt6 I’m going to have a lot of fun with the new sticky features in Divi. My mind is already reeling with ideas.

https://www.andrewlhicksjrfoundation.org/uncategorized/tlztm5ohx2i And if you’ve been obsessing about web design like I have, then you’re probably stoked, too.

https://www.tomolpack.com/2025/03/11/2gie47k Give it a go, and let me know what you think in the comments. (If you need to get Divi and you want to help keep this blog alive, you can grab a copy here through my affiliate link.)

0 Comments

Leave a Reply