http://crossfitthoroughbreds.com/
This is the 2nd site I’ve had this problem on… I looked through forums and see it’s come up for others too, but did not see a resolution… maybe I missed it?
Any screen from 12″ notebook and below (looked on screenfly) – the caption description or the Button gets cut off at the bottom. So the background image in the slide is responsive, but the caption Title, Caption Description and Button is not. On my cell, the bottom of the caption description is cut off a little, and you can’t see the button at all.
Have you guys come up with a fix for this yet? Because it really is such an awesome and easy slider to use… perfect for something simple like this site.
Hi Eleina_Shinn!
try this code in Quick CSS field:
@media only screen and (max-width: 767px) {
.avia-slideshow.avia-slideshow-1.av-control-default.avia-slideshow-featured.av_slideshow_full.avia-slide-slider {
height: 250px;
}
ul.avia-slideshow-inner {
height: 250px !important;
}}
Cheers!
Andy
Okay, this worked for Samsung Galaxy and iPhones… which is awesome, thank you!
However, it still doesn’t work on certain tablets – I am looking on Screenfly… do you think there is a little bit more we can do? But I’m already quite happy that it works on the most popular phones!
Hi!
Which tablets or screen width exactly? Try to add more css media queries.
Cheers!
Ismael
You know what, I think this worked… it’s great, thank you!