Header text too big on mobile

  • Resolved A Merrill

    (@amerrill98)


    6 years, 6 months ago

    My site looks great on desktops and laptops. When viewing on mobile devices the title is huge. Everything else on mobile is fine. How do I resize the title to be the right size for mobile viewing? I’ve searched everywhere and tried adding some CSS, but nothing helps. Thanks!

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

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

  • Hello amerrill98,

    Please add the below given css into your style sheet file-

    @media (min-width:480px)  { 
h1 a {
font-size: 50px !important;
}
}

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter A Merrill

    (@amerrill98)

    Thanks for the reply. I added it to Appearance, Edit CSS, Additional CSS. Nothing happened. The title is still huge on mobile. I cleared the cache on my phone to be sure. Nothing changed. Did I add it to the right place?

    Thread Starter A Merrill

    (@amerrill98)

    I seemed to have fixed the title on the menu pages, except the header background image is still missing. The title on the homepage is still huge and has a white background. Any other suggestions?

    Thread Starter A Merrill

    (@amerrill98)

    I fixed the issue on my own.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header text too big on mobile’ is closed to new replies.