Divi slider image not showing on mobile

by | Jan 20, 2015 | Divi Code Snippets | 15 comments

When you add a Full-Width Slider module in Divi and add a slide image, that image is not displayed on mobile devices by default.

There is an option in the module settings to display the slide image or video on the mobile slider in the module settings along with 2 other switches to control what slider elements are shown on mobile.

To make the Full-Width Slider image display on mobiles you will need to go into the module’s advanced visibility settings which have 3 switches to control which slider elements are visible on mobile.

Show or hide Divi slider elements on mobile

In your full-width slider module settings go to Advanced > Visibility where you will see 3 switches for content, CTA, and image/video.

These switches will add or remove those elements when the slider is viewed on mobile.

As with all modules, you can also completely hide or show the whole module as required on desktop, tablet, or mobile and these are the 3 check-boxes below the 3 switches for our slider elements.

The 3 switches and live preview in the Divi Builder;

  • Show content on Mobile (On by default)
    This will turn on/off any content you add to the Body section of the module slides
    show content on mobile
  • Show CTA on Mobile (On by default)
    This will turn on/off the button content of the module slides
    show CTA on mobile
  • Show Image/Video on Mobile (Off by default)
    This will turn on/off the image or video of the module slides
    show image video on mobile
5 2 votes
Article Rating
is a a freelance web designer since 2006 and is the owner of DiviThemeExamples.com showcase gallery and DiviLayouts.com layout directory. A long-time Elegant Themes members and the original curator of Divi website examples, layouts, plugins and child themes since 2014. View full author profile & posts
Subscribe
Notify of
guest
15 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
john mcdonald

fixed me right up. thanks

1
Reply
Matteo Conta

Now there is an option in the advanced tab : Show Image / Video On Mobile, default is disabled.

16
Reply
Lottie

Thanks, Matteo! I suddenly noticed the slider wasn’t behaving correctly on mobile devices and was expecting lots of CSS fiddling around. Finding these options in the advanced tab saved the day!

2
Reply
Shelley

Fantastic! I would’ve spent hours looking for that!

3
Reply
Baswok

Thanks, finally found the answer for my slider

1
Reply
mansoor

Thankyou so much , you saved my day , i was trying css but couldn’t helped me but finally found the answer here on your website Thanks

1
Reply
Gagandeep Singh

thanks…

1
Reply
Gagandeep Singh

I took hours to fine tune slider customization settings to show image on mobile… couldn’t locate anything, finally found your article and fixed in few seconds. Many thanks.

1
Reply
Craig

glad to know it helped 🙂

0
Reply
Craig

welcome 🙂

0
Reply
ali

i cant find show content on mobile in that option anymore. why is that?

1
Reply
Craig

Not sure. It is still there on my test site as in the images above.

0
Reply
Sue Beuning

For some reason my “Read More” button CTA is not showing on the mobile version. Without it, there’s nothing for viewers to click on to get more information. For now I’ve taken the slider off the mobile version completely…ugh. Is the problem related to the dimensions of my images?

0
Reply
Murteza Zargar

Thanks, You saved me from writing custom css!

1
Reply
Sandra

Thank you very much for the information! I didn’t find this on Youtube, I did here. Thanks!

1
Reply