Hi needsomehelp79!
If you want to fix the font size, you can add a media query into the WordPress Admin Dashboard > Appearance > Customize > Additional CSS section. I think you may have already done this, as I see some autogenerated code on line 146.
Paste this into the WordPress Admin Dashboard > Appearance > Customize > Additional CSS section:
/* Reduce the font-size for cover block images on mobile devices for the
https://claimingclarity.com/spiritual-awakening-a-powerfully-simple-guide-for-real-people/ post */
@media only screen and (max-width:768px) {
#post-776 .wp-block-cover h2 { font-size: 37px!important } /* Change the font-size to whatever you need it to be. */
}
When the screen width is less than 768px, the font size will reduce to 37px for the text that goes above the three images on https://claimingclarity.com/spiritual-awakening-a-powerfully-simple-guide-for-real-people/ (“post-776”). I set the size to 37px as that’s half of the 74px that the headings display as above 768px.
The reduced font size also seems to fix the formatting issue that I saw before writing this code.
Please let me know if you need any further help!
You’re welcome!
If your question has been answered, it would be great if you would mark this topic as resolved in the sidebar. This helps the forum’s volunteers find the topics that still need attention and more people will get helped, possibly like you did!
