Hi,
I’m using the Fullwidth Easy Slider on my pages, using a large image (2400px by 718px) with no scaling. It looks great on a large screen, but I need to control the height on smaller screens as it shrinks down to a height of about 150px on smartphones, which is far too small. I don’t mind losing the edges of the image in order to have more height. How can I control the height of the slider on smaller screens?
Thanks very much,
Hi scarletm!
can we please have the site link of your site, so we can assist you better?
Thanks a lot
Cheers!
Basilis
Links below:
Any help here?
Hi!
Sorry about the delayed response.
I tried logging into your website, but the credentials don’t seem to be valid at this point.
Cheers!
Dake
Credetials below:
Hi,
Could I get some advice on this issue, please?
Thanks
Hi,
Sorry, for the late reply. You might need to add another slider with images optimised for smaller screens to achieve the results you are looking for, you can then hide/show the correct slider with CSS similar to this:
@media only screen and (min-width: 768px) {
#section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}
@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}
We can help you out if you should have any problems in the process.
Regards,
Rikard