[Resolved] H1 Title Smaller in Mobile Screen

[Sourabh]

HI,

How to make Post H1 Title smaller in Tab and mobile screen ??

[David]

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;
  }
}

[Sourabh]

Thanks it works..

[David]

You’re welcome

[Karel]

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

[Karel]

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

[David]

Glad to hear you found the answer

[Author]

Posts