H1 Title Smaller in Mobile Screen

Hi there,

for mobile devices you can change it in the Customizer > Typography > Headings --> Single Content Title (H1) - just select the mobile option beside the fields.

For tablet you will need a little CSS:

@media (min-width: 769px) and (max-width: 1024px) {
  .single h1.entry-title {
    font-size: 20px;
  }
}

Thanks it works..

You're welcome

Hi,
The above solution would change the h1 attributes in single posts.
But how can one change h1 font size on mobile in archive? I can't seem to find that.
Thanks
Karel

Hi, never mind the above question.
I found that I could use the h2.entry-title selector
Best, Karel

Glad to hear you found the answer