Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #766377

    I have created a page that uses the Full Screen slider and looks awesome on the desktop and laptop views. In mobile view however, the text gets truncated at the bottom. (BEGINNING WITH SLIDE #2 which contain captions. Slide 1 is only an image.)

    I’ve played with .slideshow_caption { width: 80%;} and it made no difference on allowing bottom of page text to remain or not.
    I’ve resized the background image (more height) and that didn’t matter either.
    Currently I’m using the NO SCALING option.

    Not sure what to try next to get the mobile version to show all text and still keep the laptop view beautiful.
    Please help me solve this mystery…

    • This topic was modified 7 years ago by welswebmaster. Reason: Ismael did not see the text in ALL CAPS so I tagged it BOLD
    #766382

    !!!!!!!!!!!!!

    • This reply was modified 7 years ago by Justin.
    #766383

    Justin Thanks.

    #767905

    Hi,

    Thank you for using Enfold.

    I checked the page and the caption or text is attach to the image. It’s not actually a caption. Please remove the text from the image then add it as caption.

    Best regards,
    Ismael

    #768124

    Hi Ismael,
    Please see the ALL CAPS in the request. I’m looking for your help with slide 2-19 not slide 1 which I indicated was an image.

    #769045

    Hi welswebmaster,

    The following is just a suggestion.

    This text is barely readable on big screens, on smaller screens it’s very hard to read. You might want to use a bigger font, bigger line-height, and in this case, this slider will not work for you.

    You could use parallax, still having these beautiful images and the sections of text scrolling over each other. The content will be very adaptable to any screen then.

    Best regards,
    Victoria

    • This reply was modified 7 years ago by Victoria.
    #769062

    Hey Victoria – Thanks so much for your response. I switched to Parallyx as you suggested, and the results didn’t change at all.
    SEE ATTACHED VIEWS
    GOOD – Laptop view is fine.
    BAD – Left page control overlaps text.
    BAD – Mobile view (3rd slide) text is trucnated top and bottom on my iPhone.
    BAD – No page controls appear at all. (Should they?)

    ALTERNATIVE? If Fullscreen slider isn’t a viable option for mobile, how would one direct just the mobile visitors to a different URL?
    See private content links. ALSO See attached views of:

    • 01 Settings
    • 02 Laptop view – Top of page
    • 03 Laptop view – Bottom of page (notice the left page control overlaps text block)
    • 04 Mobile view – Top of page
    • 05 Mobile view – Bottom of page
    #769723

    Hey!

    Would you consider adding a “read more” link to the caption or hiding it completely on mobile view? They are a bit too long for the slider so the options are decreasing the font size, hiding the caption on mobile or adding a read more link. I tried to decrease the font size to 11px but some captions are still cut off. If you think of hiding the captions, consider the following css code.

    @media only screen and (max-width: 768px) {
      .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
          display: none;
      }
    }
    

    Regards,
    Ismael

    #769994

    Hi Ismael,
    Thanks for the reply. I tried the MORE tag on the last slide. It didn’t work at all – still displaying the next paragraph then truncating.

    I’ve created a MOBILE ONLY page.

    Is there a way to AUTOMATE …
    If mobile, then instead display https://christthelight.net/discover-jesus/wij-mobile/

    That would be best since I’ve spent way to much time trying to get around this.

    Thanks for your help

    #770843
    #771171

    // https://wordpress.org/plugins/equivalent-mobile-redirect/ Is the winner. Thanks! Hopefully in the future the fullscreen slider would just use the background color to accommodate overflow text so that is responsive. For now, color sections are working great for mobile. Thanks.

    #771470

    Hey!

    Great! Please let us know if you need anything else. :)

    Cheers!
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Enfold: Full Screen Slider Caption truncated on Mobile’ is closed to new replies.