Changing site title size on mobile

  • Hi

    The site title on my site is ‘GUAVA’.

    I love how this looks on my PC. However, on my mobile, the font is too big and it distorts the page. I would like to use CSS to ensure the font adapts to fit a mobile screen, but not quite sure what CSS to use as I’m still learning.

    Can anyone help?

    Thanks

    H

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The font size you’ve added with CSS just needs to be wrapped in a media query with a minimum width;

    
@media screen and (min-width: 480px) {

    .site-title, 
    .site-title a {
        font-size: 100px;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Changing site title size on mobile’ is closed to new replies.