Slider Photos on Phone & Tablet Issue

The slider photos at my new site our not displaying properly on phones and tablets.

The website is http://www.fc4htrp.org

1. On smart phones, the slider images are blown out and only showing a portion of the photos that display on desktop.

2. On my iPad, the slider photos display but the description are partially hidden.

Please see attached and let me know if there is a fix for these issues.

Thanks in advance!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (min-width: 768px) and (max-width: 960px) {
#slides .caption {
right: 180px;
bottom: 70px !important;
}
}
@media only screen and (max-width: 767px){
#slides .caption {
display: none !important;
}
}
@media only screen and (max-width: 480px){
#slides .slide img {
width: 292px !important;
height: 107px !important;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade