[Resolved] Custom CSS skewing /blog/ page mobile heading text

[jm1991]

Hey there,

I added some custom CSS across my site that I think might be skewing how headings look on mobile for my /blog/ page.

The CSS I added:

	h2,h3,h4 {
  padding-top: 20px;
  padding-bottom: 20px;

I want the above CSS to apply across my site and not have to use Simple CSS on a per page basis, so not sure if there is some custom CSS that could be added to the /blog/ page specifically to resolve the issue on mobile?

Thanks

[David]

Hi there,

what is the issue on mobile?

[jm1991]

Hey, this is what the blog page looks like on mobile https://imgur.com/a/jnxoMsv

It’s the headings that link to individual blog pages that are contorted.

[David]

Check your Line-heights in Customizer > Typography > Headings
Looks like the the Archive Content Title (H2) is set to 0. Make it a minimum of 1.

[jm1991]

Thanks! I was changing a few things around there earlier, so much have unknowingly changed the setting.

[David]

You’re welcome

[Author]

Posts