Site logo

Archived topic

Custom CSS skewing /blog/ page mobile heading text

5 replies · Started by jm1991 on June 10, 2020

Viewing posts 1–6 of 6

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

Hi there,

what is the issue on mobile?

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.

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.

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

You're welcome

This archived topic is closed to new replies.