Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 28, 2020 at 9:27 am #1263661
    dfardon

    Hi, my titles look OK on desktop, but when they break over two or more lines on mobile, there is insufficient spacing between the lines and the letters overlap with those of the line below (or above).

    See here how the title in yellow “On the Island of Sipan” isn’t right on mobile: https://www.villaelladubrovnik.com/destination/on-the-island/

    How do I prevent this?

    Thanks, David

    November 29, 2020 at 6:50 am #1263744
    Rikard

    Hey David,

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

    @media only screen and (max-width: 767px) {
h3 {
    line-height: 45px;
}
}

    Best regards,
    Rikard

    November 29, 2020 at 12:15 pm #1263765
    dfardon

    Thanks Rikard,
    That’s exactly what I needed.
    David

    November 29, 2020 at 8:57 pm #1263815
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    November 30, 2020 at 10:14 am #1263888
    dfardon

    Hi Jordan,

    It can be closed, thank you.

    David

    November 30, 2020 at 12:35 pm #1263932
    Nikko

    Hi David,

    Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Title spacing between lines on mobile.’ is closed to new replies.