Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #542671

    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,

    #542681

    Hi scarletm!

    can we please have the site link of your site, so we can assist you better?
    Thanks a lot

    Cheers!
    Basilis

    #542688

    Links below:

    #543565

    Any help here?

    #544880

    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

    #544988

    Credetials below:

    #546402

    Hi,
    Could I get some advice on this issue, please?
    Thanks

    #547870

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.