Archived topic
Custom CSS skewing /blog/ page mobile heading text
5 replies · Started by jm1991 on June 10, 2020
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