Slider Not Displaying Images Correctly on Mobile

[Jacob Holmes]

The slider on my website http://www.mtactors.com is displaying properly enough on desktop but on mobile devices the slider is displaying a side of the pictures rather than centering them. I made sure all of the images are the correct dimensions of 1600×750. I cannot find any documentation on this issue. Is there a setting somewhere that I am missing? How can I make the homepage slider responsive and look beautiful on mobile?

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.feature { min-height:200px;}
#supersized { margin-top:130px !important;}
#supersized img, #supersized li img { max-width:auto !important; width:100% !important; height:auto !important; left:0 !important;}
}

Regards,
Dave

[Author]

Posts