Title not adjusting on smaller devices

  • I have used the default typography sizes etc when adding my title but when I view for smaller devices the title doesn’t respond accordingly. The posts etc all respond it’s just the title which splits across more than one row when viewed on a smaller device.
    Is this something I can adjust myself using the customize area?
    Thanks
    Jo

    https://happyguthappyskin.com/

Viewing 2 replies - 1 through 2 (of 2 total)

  • using the ‘Additional CSS’ section of the ‘Customize’ section from the admin bar, or the ‘dashboard – appearance – customize’ sectio, try and add this kind of CSS:

    @media screen and (max-width: 44em) {
  #logo a span.sitename { font-size: 40px; }
}
@media screen and (max-width: 32em) {
  #logo a span.sitename { font-size: 30px; }
}
@media screen and (max-width: 26em) {
  #logo a span.sitename { font-size: 20px; }
}

    play with the numbers to find the best compromise.

    Thread Starter happyguthappyskin

    (@happyguthappyskin)

    Thanks I will give this a go!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Title not adjusting on smaller devices’ is closed to new replies.