Responsive text size in post

  • Resolved brokendown

    (@brokendown)


    9 years, 3 months ago

    Hi Ben,

    It’s been a while since I have required some of your amazing support but I’m back!

    On our page (www.brokendownhq.co.uk) we have a ‘Setlist’ section with the list of songs that we play. I have just used basic post writing to write the track names and artists in and it looks beautiful on a comp screen. However when I view on a mobile the text doesn’t reduce in size to fit the screen and show the same way (all on one line). It kind of looks clumsy and spreads to the next line when viewing in portrait instead of adjusting. It’s great when the phone is turned landscape?

    Is there any way I can achieve this or code this in a simple post?

    Hope that makes sense.

    Many thanks as always and the page is looking great! ??

    Cheers

    Gwil

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey Gwil,

    Site’s looking good ??

    Try out this CSS:

    @media all and (max-width: 600px) {

  .post-3643 .entry-content h3 {
    font-size: 1em;
    line-height: 1.5;
  }
}

    That’s going to target the h3 elements used for the artists/tracks, and keep them smaller until the screen is 600px or wider. This way they’ll expand when there’s enough space to fit on one line.

    Thread Starter brokendown

    (@brokendown)

    Hi Ben,

    Sorry for very late reply to this but just had a chance to update with that code and it’s worked perfectly.

    Thanks so much for getting back to me on this and glad you like the site.

    If you ever need a band for an event then we owe you a free show! ??

    Cheers

    Gwil

    Theme Author Ben Sibley

    (@bensibley)

    Haha will do! Glad I could help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive text size in post’ is closed to new replies.