Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 2, 2014 at 11:34 am #286150
    codecreative

    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 ?

    July 2, 2014 at 9:34 pm #286400
    Devin

    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

    July 3, 2014 at 11:14 am #286575
    codecreative

    Hi Devin

    The link is http://217.199.187.73/aestheticsguru.co.uk/

    July 3, 2014 at 5:32 pm #286760
    Devin

    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.

    July 3, 2014 at 5:37 pm #286763
    codecreative

    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

    July 3, 2014 at 5:42 pm #286765
    Devin

    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.

    July 3, 2014 at 7:14 pm #286818
    codecreative

    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

    July 4, 2014 at 7:15 am #287051
    Ismael

    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

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