Hi there,
Is there a way to increase the length of a slider to view better on mobile devices? Please see the following links
Screenshot example: https://d.pr/free/i/bJDKsh
Website that the example is shown: https://www.adjustersinternational.com/
Thank you!
Hey vantagepointmg,
Thanks for the screenshot and link, do you mean that you want the slider to be taller?
Best regards,
Rikard
Hi Rikard,
Yes, that’s correct!
Thanks!
Hi,
Thanks for the update. Which slider are you using there, it doesn’t seem to be something which is included in Enfold? And it looks like you are not running Enfold on the site either? We can’t help out with problems on themes which are not our own unfortunately.
Best regards,
Rikard
Hello,
That site was just a sample of what I was looking for, the actual site we are working on is attached to the private content. We are currently working with the Fullwidth Easy Slider.
Hi vantagepointmg,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width:767px){
#full_slider_1,
#full_slider_1 .av_slideshow_full.avia-slideshow,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 250px;
}
#full_slider_1 .avia-slideshow li img {
width: 140% !important;
max-width: auto;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 10px;
}
#top .avia-slideshow-button {
padding: 10px;
margin-top: 10px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
It worked! Thank you!
Hi vantagepointmg,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria