Divi Theme Tips How to Make an Animated Sticky Promo Bar

How to easily create a promo bar with animation with the Divi Theme. In this video we will be demonstrating how to create a row that has a CTA button and an icon with text. When we scroll up the page the promo bar will roll up and stick just below the header. As it is scrolling up the page the 2 modules will slide in from each side. So follow along with this video to see how create a sticky promo bar with animation, it's really easy and can turn a good Divi site into a great Divi site.
Today we will be demonstrating how to build this feature with the Divi Blurb Module, Divi Button Module and a Full Width Row.
This is a very eye catching feature and really easy to implement.

In this video we will cover:

Adding A Section and 2 Column Row,
Adding And Configuring A Divi Blurb Module,
Adding And Configuring A Divi Button Module,
Creating A Fulll Width Row,
Making A Row Stick To The Top,
Creating A Horizontal Scroll Animation,


We are going to be using the Divi theme to create some great effects in this series of videos. The Divi theme has some great modules and effects. With a little work you can achieve some great eye-catching effects to enhance the look and user experience of your website.

If you're looking to add a touch of interactivity to your website, scroll effects can be an excellent way to do so. With the Divi WordPress theme, you have a range of scroll effects at your disposal, allowing you to create dynamic and engaging pages that keep your visitors' attention.

Scroll effects can provide a range of benefits for your website. Firstly, they can help guide your visitors' attention towards important elements on the page, such as calls to action or key messages. Secondly, they can make your website more visually appealing, adding interest and depth to your pages. Finally, they can help create a sense of interactivity and engagement, encouraging your visitors to explore your website further.

With the Divi theme, you can easily add scroll effects such as parallax, zoom, and fade-in to your website pages. These effects can be applied to a range of elements, including images, text, and buttons. Overall, scroll effects can help make your website more engaging and memorable, and with Divi, you can easily incorporate them into your design.
So, follow along with the video and see how easily create a create a sticky animated promo bar, using the fantastic Divi Theme. For more information on the Divi theme, check out our Divi playlists below.

Try out the Divi theme: https://bit.ly/TryDiviNow

Divi Supreme Modules Pro Plugin 10% Off: https://bit.ly/DiviSupremeCoupon

Divi Supreme Modules Light Plugin: https://divisupreme.com/divi-plugins/...

Divi Supreme Modules Playlist:    / watch  
v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw

Playlist page for more videos on this:    / system22net  

Full Ecommerce Site Build Playlist:    / watch  
v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9

Contact Form With File Upload Video:    • Divi Theme Contact Form With File Upl...  

Divi 4 Theme Create An Ecommerce Store In One Hour:    • Divi 4 Theme Create An Ecommerce Stor...  

My Blog : https://web-design-and-tech-tips.com

Check out our playlist page for more videos on this:    / system22net  

Sub:    / @system22  

--------- CHAPTERS ---------

00:00 Introduction
01:21 Adding A Section and 2 Column Row,
01:41 Adding And Configuring A Divi Blurb Module,
04:37 Adding And Configuring A Divi Button Module,
07:13 Creating A Fulll Width Row,
11:13 Making A Row Stick To The Top,
12:22 Creating A Horizontal Scroll Animation,
15:29 Result.

--------- RECOMMENDED PLAYLISTS ---------

Elementor Ecommerce Store:    • Elementor Ecommerce Store Woocommerce...  

Divi Snippets:    • Divi 4 Snippets Divi Theme Overview 👍  

Divi 4 Ecommerce Store:    • Divi 4 Ecommerce Store Theme Setup An...  

Bootstrap 4 Basics:    • Bootstrap 4 Basics Index Page and Ext...  

Elementor:    • Elementor Wordpress Builder Install A...  

WordPress Tips:    • Wordpress 2020 Theme Customize The Pa...  


Subscribe:    / @system22  

Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.

#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite