header text huge on mobile – how to make smaller?

Home Forums ColorMag Free header text huge on mobile – how to make smaller?

Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  Nitu Shrestha 5 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1400056

    the header text is overwhelmingly large when I view my site on mobile. How could I make the headers (h1, h2, h3, etc..) smaller when viewing from mobile only? …the size is fine for desktop.

    Thanks in advance!
    Tony

    #1400066

    Nitu Shrestha
    Moderator

    @goldenmindcreations

    Can you provide us the URL of your website so that we can inspect it and give you a better solution?

    Thanks.

    #1400075

    Thanks for the response. My domain is:
    www.familyevolved.com

    #1400285

    Nitu Shrestha
    Moderator

    @goldenmindcreations

    Can you add the below CSS code to Additional CSS box and check?

    @media screen and (max-width: 600px) {
      #site-title a {
        font-size: 24px;
      }
      #site-description {
        font-size: 14px;
      }
    }

    You can change the font size as required for your site.

    Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.