Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 27, 2020 at 9:01 am #1198267
    studiono

    Hello! On mobile I have some issues with longer titles that go outside the screen size. How can I make the title break and go down to a new line the correct way? I am attaching a couple of examples for you to check

    thanks!

    March 28, 2020 at 4:26 am #1198504
    Rikard

    Hey studiono,

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

    .av-special-heading-tag {
    word-break: break-word;
}

    Best regards,
    Rikard

    March 28, 2020 at 9:28 am #1198532
    studiono

    Hi Rikard, I tried that but the word got truncated at the wrong point. It got truncated like this
    FONDAMENT
    ALI

    when the correct way would be
    FONDAMEN-
    TALI

    or

    FONDAMENTA-
    LI

    and also it doesn’t show the “-” that is needed when a word is cut like that

    March 29, 2020 at 5:44 am #1198771
    Rikard

    Hi,

    Thanks for the update, but there’s no way of doing that using code as far as I know. If you want total control over the break then you would need to use different header elements for example, then hide/show them for the correct screen size in the element options.

    Best regards,
    Rikard

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