Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 22, 2022 at 12:32 am #1336593
    tremblayly

    Hi
    I use the headline rotator element on the following page of my website:

    Custom-Made 3D Designs

    On smartphone, in portrait mode, some of my longer rotating text wrap to the next line, but some don’t. I can’t figure out why this would happen.

    Here’s a screenshot of why I see on the iphone: https://snipboard.io/HuBgEN.jpg

    Thanks
    Lyse

    January 22, 2022 at 5:46 am #1336611
    Rikard

    Hi Lyse,

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

    span.av-rotator-text-single {
    word-break: break-all;
}

    Best regards,
    Rikard

    January 22, 2022 at 4:32 pm #1336663
    tremblayly

    Hi Rikard,
    The CSS you suggest wraps the text but not logically. The words get split very wrongly and looks awful.
    Thanks
    Lyse

    January 23, 2022 at 5:30 am #1336716
    Rikard

    Hi,

    Did you try to set different font sizes for different screen sizes in the Styling->Font Size tab in the element options?

    Best regards,
    Rikard

    January 23, 2022 at 5:48 pm #1336761
    tremblayly

    Hi Rikard,

    Yes I use 72px and 48px on mobile.
    Thanks
    Lyse

    January 24, 2022 at 4:57 am #1336817
    Rikard

    Hi,

    Thanks for the update. If those font sizes are too big for mobile, then you might have to decrease the size a bit. If that is not enough, then you can create copies for mobile, and insert your own breaks.

    Best regards,
    Rikard

    January 24, 2022 at 10:18 pm #1336944
    tremblayly

    Hi Rikard,

    I got it to work by changing the CSS as follows:
    span.av-rotator-text-single {
    font-size:40px!important;
    }

    This allowed me to adjust the font size and have it wrap correctly.

    Thanks
    Lyse

    January 25, 2022 at 6:05 am #1336978
    Rikard

    Hi,

    Great, I’m glad that you found a solution, and thanks for sharing it. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 25, 2022 at 4:47 pm #1337111
    tremblayly

    Hi Rikard,
    You can close this ticket.
    Lyse

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Headline Rotator – Text not wrapping’ is closed to new replies.