HDTutorial
EN
How to Create a Responsive Accordion Slider In Divi

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Create a Responsive Accordion Slider In Divi

22,564 views April 26, 2020 9:02

Watch on YouTube
ChannelElegant Themes

Description from the creator

An accordion slider is a fun and engaging way to display content in a small space. Accordion sliders usually consist of multiple elements (or panels) stacked horizontally like the folds of a curtain. And when you hover over one of the panels, it expands to reveal content as the other accordion panels contract. This is where we get the accordion-type effect of expanding and contracting.

In this tutorial, I’m going to show you how to create a responsive accordion slider in Divi using nothing but CSS. To do this we will be using multiple Divi modules to serve as accordion panels. Any module could be used, but for this example, we are going to use blurb modules in a very creative way to build a beautiful accordion slider that looks (and works) great both on desktop and mobile.

Read more: elegantthemes.com/blog/divi-resources/how-to-cr…

About this tutorial

Elegant Themes published this 9:02 video tutorial on April 26, 2020. It has been watched 22,564 times on YouTube.

Duration
9:02
Published
April 26, 2020
Views
22,564
Likes
409

Tags

Share

Further reading

This tutorial in other languages