Tagged: fullscreen slider
Hi,
I’m using a fullscreen image slider for the home page of my website.
The issue is that when i open my website from a smartphone the borders of the images in the slider are cutted, and i see only a section of the images.
How can I turn responsive the fullscreen slider?
Thanks a lot for the support!
Regards
Any suggestions? Thanks!
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 480px) {
.avia-fullscreen-slider .avia-slideshow{
max-height: 240px;
}
}
Cheers!
Josue
Yeah, that’s working!
Thanks a lot for the support!
I will ask another related question, is there a way to remove the “navigation indicators” only on mobile phones? (or, for example, to remove them under xxx pixels of width of the window?)
Thanks again!
Regards
Hi,
You mean the arrows? use the following:
@media only screen and (max-width: 480px) {
.avia-slideshow-arrows{ display: none !important; }
}
Best regards,
Josue
Yes, i meant the arrows in the fullscreen slider.
The css you provided did not work…
Any other suggestions?
Thanks a lot!
Refer to my previous code again, i’ve edited my message.
Yes, that’s working!
Thanks a lot for the support, I have chosen a great theme with a great support team!
Regards
You are welcome, glad to help :)
Regards,
Josue