Dear Kriesi
Just finished a site for a client and they have noticed that on a mobile phone, the Easy Slider is not displaying correctly. Image below:
I hope this is a simple fix. I have included my login details as well.
Thanks in advance.
Regards,
Ali
Hi infobahncreative!
That is happening because of the custom height set in the color section that surrounds the slider.
You have 3 options to mitigate this:
– Reduce the custom height (color section) to around 100px or less (because it’s minimum height not overall height) then set your easy slider to no scaling.
– Crop your slides down to a universal height of your choice and use the “No minimum height option” in the color section and “No scaling” for the easy slider.
– Alternatively you can use of the “browser height percentage” options in the color section and “No scaling for the easy slider.
Best regards,
Dake
Thanks Dake for coming back to me.
I have tried your suggestions, and the first and third option has sorted the image, but not the slogan – this seems to stay the same size and so can’t be read on the mobile device as it is too large.
Any thoughts?
Regards,
Ali
Hi!
Use this to adjust the font size of the caption on mobile devices:
@media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title {
font-size: 14px;
}
}
Remove browser cache before reloading the page.
Best regards,
Ismael
Dear Ismael
You are a legend. Thanks – coding works spot on.
As ever, superb support from those at Kriesi.
Kind regards,
Ali