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

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 :)

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!!

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 :)