Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 8, 2016 at 4:56 am #709601
    Justin

    This is an easy one…I think.
    For the layerslider on the iPhone you’ll see the copy gets cut off.
    How can I have this wrap to a new line rather than get cut? Any thoughts?
    Thanks!

    November 8, 2016 at 10:13 am #709674
    Nikko

    Hey Justin,

    Can you post a screenshot on this? I’m using an emulator and nothing gets cut on the layerslider upon checking the link you have given.

    Best regards,
    Nikko

    November 8, 2016 at 2:23 pm #709795
    Justin

    Look at this Nikko.
    I added a class to the layerslider to reduce the font-size, but even then … see what’s happening with the text? It gets cut off.
    I don’t want to reduce this any further in size.

    November 9, 2016 at 10:22 am #710145
    Ismael

    Hi!

    Thank you for the info.

    Define the width or decrease the font size of the layer on mobile view. I checked the Attributes panel of the “title” layer inside “Slide #3” but I don’t see any custom css class or id there. What do you mean by “I added a class to the layerslider”?

    Regards,
    Ismael

    November 9, 2016 at 9:30 pm #710449
    Justin

    Hi Ismael, the ID is defined here (see link)
    And within the slide settings where there’s the <h1> and the <p> the scale is defined to accommodate ..I cannot go any smaller on the h1, it will wrap. Does that make sense or? I may just <br> it where the text falls off the page? I just don’t understand why it doesn’t automatically word wrap on the phone

    November 11, 2016 at 8:54 am #711024
    Nikko

    Hi,

    Yes that makes sense however, word-break doesn’t seem to work when I tried, I think the workaround for it is what you suggested to use
    , then hide it on desktop and show it mobile by adding this in Quick CSS:

    #top #wrap_all .ls-wp-container .ls-slide br {
  display: none;
}

@media only screen and (max-width:767px) {
  #top #wrap_all .ls-wp-container .ls-slide br {
    display: block;
  }
}

    Let us know if the it works.

    Best regards,
    Nikko

    November 11, 2016 at 3:57 pm #711201
    Justin

    Nikko, thank you. I have made a mental note of this.
    For now,I moved forward with using the states abbreviations to shorten the titles.

    Thanks

    November 11, 2016 at 4:02 pm #711208
    Nikko

    Hi Justin,

    Glad we could help :)

    Best regards,
    Nikko

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