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

    Hi Enfold

    Great theme looks fantastic. Any ideas why on mobile the easy full page width slider doesn’t quite show its full height and crops off the bottom ?

    #286400

    Hey codecreative!

    Do you have an example we can take a look at? I’m not aware of any auto-cropping on that specific slideshow element so seeing what is happening live should clear things up.

    Cheers!
    Devin

    #286575
    #286760

    I don’t see any cropping on the link there. They are definitely scaling down to a size where the captions inside are too big since the images aren’t proportionally tall though.

    #286763

    okay so what must I do in order for the captions to be fully visible on mobile ?

    The images are actually the recommended size of easy full screen slider of 1500×460

    Please advise thank you

    #286765

    The easiest and best solution is to use images that are taller. So that when they shrink down proportionally the height is greater and gives you more space.

    The “feature large” size for example crops to 1500×630 but you could also use your own custom size by selecting the No Scaling option.

    #286818

    To be honest Devin.

    I love the way the site looks right now. I don’t want to have to go through and re do this all in the hope it works well on mobile.

    In the CSS can I not specify a minimum height that the slider can not go below?

    I appreciate what the slider resizing is trying to do but in practice it shouldn’t ever make the captions that the site author has placed their to not be fully visible this isn’t really good.

    Please if possible could you help further regarding with css to implement if so that would be much appreciated

    #287051

    Hi!

    You can change the caption title font size to make room for the caption text below. Add this on Quick CSS or custom.css:

    @media only screen and (max-width: 479px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 1em;
    }
    }

    Yes, it is possible to set a minimum height for the slider but it will stretch the images into unpleasant proportions. You can also try the full screen slider. Or use both, show the fullwidth easy slider on desktop then hide it on mobile device and show the fullscreen slider instead. You can do it via css media queries.

    Cheers!
    Ismael

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