[Support request] Option To Show A Specific Font Size On Mobile Only? Same Goes For Desktop & Tabl

[Aaron]

Hi,

I have a major question! Is there an option to show a specific font size on mobile only? Same goes for Desktop.
This is because on Desktop the font looks too small but too big on a mobile phone.

If you can send me directions or a video on how to do that it would be fantastic! Thanks for your support 🙂

Best Regards,
Aaron

[Leo]

Hi there,

Are you referring to body font?

If so you can use the customizer option to set the size on desktop, then this CSS to set the size on mobile:

@media (max-width: 768px) {
    p {
        font-size: 15px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Aaron]

Hey Leo,

It worked! Thanks, I also added it to my other HTML tags.
Another question… I have created a CSS button named “.AaronButtion”, wanting to do the same thing but don’t really know how to set it up for a different size on mobile. The Button size looks good on mobile but too small on Desktop.

Thanks!!

[Leo]

Should be something like this:

@media (max-width: 768px) {
    .AaronButtion {
        font-size: 15px;
    }
}

This article might come in handy: https://docs.generatepress.com/article/responsive-display/

Let me know if this helps 🙂

[Author]

Posts