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;}}

 

Elegant Themes' Black Friday/Cyber Monday sale is still on if you want 25% discount! Dismiss

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close