By default, on mobiles the slide image is hidden on the Divi full width slider. To make the image show on mobile devices, add the following CSS to your Divi theme options or your child theme CSS file.

@media only screen and (max-width: 767px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}
@media only screen and (max-width: 479px){
.et_pb_slide_image, .et_pb_slide_video {display: block !important;}}

Depending on the size of your image and whether you have a title and/or button showing, you may need to play around with the positioning of the elements to get them showing without overlapping.

try;

@media only screen and (max-width: 479px){
.et_pb_slide_image, .et_pb_slide_video {margin-left: XXXpx !important;}}

 

Comments

comments

Pin It on Pinterest

Divi Freebies

Do you want some Divi FREEBIES?

Join our mailing list to receive the latest news, reviews, examples and Divi Theme FREEBIES.

You have Successfully Subscribed!