Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2020 at 1:57 pm #1234160
    Tarakbc

    Hi!

    Please have a look at the image screenshot below:
    image0 (4).png

    As you can see, the title of this event has three lines of text which take up most of the screen on a mobile device.

    Is it possible to reduce the distance between these three lines of text so that the photo below the title comes further up the screen?

    Many thanks,

    August 2, 2020 at 7:09 am #1234572
    Rikard

    Hey Tarakbc,

    I couldn’t see that text on your home page, on which page is the screenshot taken from?

    Best regards,
    Rikard

    August 2, 2020 at 9:10 am #1234575
    Tarakbc

    Hi Rikard,

    Thanks for looking into this for us!

    Since submitting this ticket I changed the title of this event so it only goes over two lines now.

    Öppet hus & filmvisning

    But the principle is the same: we want to reduce to distance between the lines of text in the title as it appears on a mobile device.

    Hope this makes sense and thanks again for the help!

    August 4, 2020 at 4:50 am #1235020
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.title_container .main-title {
    line-height: 60px;
}
}

    Best regards,
    Rikard

    August 4, 2020 at 11:14 am #1235080
    Tarakbc

    It looks like that code works perfectly! Many thanks!

    August 4, 2020 at 6:23 pm #1235159
    Nikko

    Hi Tarakbc,

    We’re glad to hear that :)
    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 ‘Reduce space between different lines of text in a title on a mobile device’ is closed to new replies.