Finally, a way to have your text, logo or anything stay put over your Divi sliders!
If you’re like me, you’ve always wished there was a way to keep your Divi slider titles, text, logo or buttons FIXED instead of switching with every slider. Well my friends, I’m excited to release a layout that I’ve been working on for a while. Say hello to my “Fixed Elements over Divi Slider” layout! This is ideal for a strong title or call-to-action that you want to have stay fixed over rotating Divi slider images.
This is a 2 in 1 layout kit that comes with 2 Divi Library Layouts!
Text and Button over Divi Slider
Logo over Divi Slider
And the cool thing is, with this layout you can put ANYTHING in the fixed section and it’ll remain there while your Divi sliders…well…slide on by 🙂 More good news? – This is not a plugin and since it’s CSS based, it’s compatible with every version of Divi and will be moving forward without needing to update. If you’re advanced at CSS, feel free to go wild and make any CSS changes or additions you’d like!
The Divi Library import json file (Containing BOTH layouts)
Installation & Tutorial Video
A few things to note:
A basic knowledge of CSS is recommended but not required
You will use CSS to change the responsive heights and margins of the layout
You may also want to use CSS to change the font size and settings for mobile
The width of the overlapping elements extends 100% of the screen so I recommend keeping the arrows turned off. But the slider count on the bottom of the slider is fine to turn on.
Aside from the demo, you can see some examples of how I used this here: