Archived topic
Blog post mobile title and H1 header formatting issues in Safari
7 replies · Started by Krisztian on June 28, 2022
I have an issue with huge post titles in Safari as well as in the newest version of Chrome (mobile and desktop). We added a single content title as the site was built (Appearance > Customize > Typography setting), so this is happening despite that. Also in the latest version of Chrome, some posts have the H1 headers turning white, so they are not visible on the white background. What makes it very strange is that the issues don't seem to happen on every post.
Here is an example of a page with a large post title and white h1 headers:
https://blog.vapefuse.com/11-things-you-need-to-know-about-vaping-tobacco/
Any ideas or suggestions for what might be happening here? Thank you in advance.
Hi Krisztian,
In your Child them style.css, can you check if you have custom CSS code there?
Upon checking, there seems to be code coming from there causing the issue.
Kindly let us know.
Hello Fernando, thank you for having a look, there is nothing under Additional CSS for the child theme. Please let me know what you think. Thank you very much for your help.
Can you check in Appearance > Theme File Editor > GeneratePress Child Theme > style.css?: https://share.getcloudapp.com/p9uOkDGW
Kindly let us know if there’s anything in there.
Hello Fernando,
Nothing extra is there apart from the same 9 line items as your screenshot.
I see. Thank you for checking.
It seems to be cache related. I tried viewing the site with nocache and the issue went away: https://share.getcloudapp.com/BluGxlym
Can you try clearing all caching mechanisms in your website? Clear CDN cache and if your have server side cache, clear that as well.
If that doesn’t work, try temporarily disabling caching/optimization plugins to test.
Kindly let us know how it goes.
Thank you for your help Fernando, the issue indeed seems to be caused by wp rocket.
You’re welcome Krisztian! Glad you found the cause of the issue!
