[Resolved] Customizer Typography Not Working For Mobile

[Luke]

Hello,

I recently built a website on WordPress using the GeneratePress “Donate” Premium Template. Although the text looks great on desktop, the H1 title text on the homepage “25% of Alabamians are functionally illiterate” is much too big on phone screen sizes.

To fix this, I went to Customize -> Typography, and found the sliders that control H1. The font size slider works great when in desktop mode (the desktop computer icon selected), but for some reason, in mobile mode (the iPhone icon selected), the font size slider does not control the size of the text.

Are you able to help me find a way to adjust the size of the H1 text on mobile (phone) devices? The website is at: dev.literacywa.org

Thank you!

[David]

Hi there,

so your H1 headline on that page is being displayed using a GenerateBlocks Headline Block. If you select that block, and check the blocks Typography settings whilst in Mobile preview, you will see it has its own mobile specific sizes set there. You can either delete them, and the block will inherit the theme customizer settings or change them to what you require for just that block.

[Luke]

Thank you – worked great!

[David]

You’re welcome

[Author]

Posts