Hello!
On the mobile version of my site (in Chrome or Safari) the slider on the index page is not showing properly. You can see the images sliding and the text, but then there is a white space below it with the R and L arrow on their own, and more white space until you see the text.
Is this normal?
Thanks!
Hey onegirlrtw!
That’s from this custom CSS your using.
.home ul.avia-slideshow-inner {
height: 535px !important;
max-height: 535px !important;
}
Regards,
Elliott
Hi Elliot,
I see… that was my concern actually. Ismael told me to add the above code to fix a problem with blinking text from the slider (https://kriesi.at/support/topic/sliders-causing-all-text-to-blink-or-flash-with-every-change-of-slide/).
Is there any way to fix both issues now?
Thank you
Hi!
Try surrounding it with this.
@media only screen and (min-width: 479px) {
.home ul.avia-slideshow-inner {
height: 535px !important;
max-height: 535px !important;
}
}
Cheers!
Elliott
Hello!
I just wanted to ask if the latest version on Enfold has perhaps fixed the blinking text issue or improved the slider look on mobile and tablet?
The text on my sliders is still cut off in mobile and tablet and it just does not look good. The slider photos look scrunched and the text either droops over that or is cut off. If there is a way to change the above CSS or remove the hack to stop the blinking text or somehow improve the current look, please let me know. I really appreciate your input, thank you!
Hey!
I’m not sure but it’s always best to use the latest version. If not then I would keep using Ismael’s code until we find a workaround or fix to get added.
Cheers!
Elliott