[Resolved] H2 Headings on Mobile Phone messed up

[Jatin]

Hi Guys,

Can you please help me with my heading in the post. when i write my post and include Headings e.g. H2 which spans more than one line. It ends up showing like this on the mobile phone: https://imgur.com/TU9QpFZ. I have tried to press enter before overlapping word and it then looks fine but on a separate line and also creates another Link in the Table of contents.
This is happening to all my posts but the specific post i am talking about is in the Private box.

Can Heading H2 not span multiple lines and still looks fine and not overlapping. If you provide me the fix for this post, i will apply the fix on my other posts as well. Thanks.

[Leo]

Hi there,

Can you do this first?
https://www.screencast.com/t/X7oXhJ2DeU

[Jatin]

Not sure how it’s related to cache. I have now empty the entire cache and checked again. Same issue.

[Leo]

Disabling the caching plugin allows us to inspect the code better and determine the issue – this is the reason why we always ask for this.

Can you please do that first?

Thanks 🙂

[Jatin]

Ah sorry. I thought you said to empty the cache. I have disabled the plugin now. Please check and let me know. Thanks.

[Leo]

Can you go to Customizer > Typography > Headings and increase the line-height property of h2?

Let me know 🙂

[Jatin]

Thanks Leo. All good now.

[Leo]

No problem 🙂

[Author]

Posts