Title Font Size CSS Changes Only Show on Desktop

  • Unknown's avatar
    evan7794 · Member ·

    I’m hoping there is someone out there who can help me with this concern. I like the look of my main title with the larger font size however it only appears larger on desktop. On mobile the font is ridiculously small. Here is the additional CSS I added to make the font size change. Where did I go wrong?

    h1.site-title a {
    font-family: ‘Lobster’, sans-serif;
    }
    h1.site-title {
    font-size: 4rem;
    }

    My website is http://lostandlooking.com/

    Thanks so much for any ideas!

    Evan

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi evan7794

    Try the code given below

    h1.site-title a {
font-family: ‘Lobster’, sans-serif;
font-size: 1.5rem;
}

    Also, Your site is using WordPress.org platform.

    This forum is not the right place to get help related to Org sites. The main role of this forum is the help the users with the issues related to the .com sites.

    You can also post your question in WordPress.org forum. Here is the link for same:
    https://wordpress.org/support/

    WordPress.org and WordPress.com are two different platforms. For more information on both the platform please refer to the link below: https://wordpress.com/com-vs-org/

    Hope this helps.

  • Unknown's avatar
    evan7794 · Member ·

    Thanks so much for your help! I was able to adjust the title size using your provided code however now I have the title awkwardly large on mobile and too small of desktop :(

    I’ll move the topic over to .org thank you for the advice I wasn’t aware of the difference!

  • The topic ‘Title Font Size CSS Changes Only Show on Desktop’ is closed to new replies.