Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 7, 2017 at 4:55 am #789020
    moniot

    Hey Support Ninjas!

    So, working on a new site, using y’alls Medical Demo as my base — and it looks great on desktop so far, video in the full width slider works and the fall back image shows up fine on mobile, but my Caption is getting cut off when viewing on the iPad or iPhone. (I did use some code I found from another post in quick CSS to lower the text just a tad, is that maybe the issue?)

    How to fix?

    Thanks!

    Rob

    May 7, 2017 at 8:43 am #789057
    Rikard

    Hi Rob,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.slideshow_align_caption {
    top: 25% !important;
}
}

    Best regards,
    Rikard

    May 7, 2017 at 7:04 pm #789140
    moniot

    Hey man

    That looks great on an iPhone, but doesn’t seem to work on my iPad. Ideas?

    Thank you!

    May 8, 2017 at 4:24 am #789287
    Rikard

    Hi,

    Thanks for the feedback. Please try this to target tablet sizes:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.slideshow_align_caption {
    top: 25% !important;
}
}

    You might have to adjust the value 25 a bit to place it where you want it.

    Best regards,
    Rikard

    May 13, 2017 at 1:57 pm #792698
    moniot

    Hey there, support Ninjas!

    I tried the above css, even adjusting to 1% from 25 —

    I had to also lower my font size a bit…

    It solves the issue on iPad, but on my iPhone 7Plus and on my wife’s iPhone 6 the text is still cut off partially.

    It’s the grid row that obstructs the text. Is there a way to force that not to encroach into the space of the easy slider?

    THANKS GUYS!!!

    May 13, 2017 at 3:07 pm #792712
    moniot

    Hi again

    DISREGARD. I deleted the previous CSS y’all gave me and replaced it with the code Rikard gave me and now it’s working.

    You guys ROCK!

    -Rob

    May 14, 2017 at 12:14 am #792834
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Medical Demo – Slider Text Problem on mobile’ is closed to new replies.