[Resolved] How to create different font size for desktop, tablet and mobile

[Robin]

Under Customise > Typography > Body, when I change the font size it stays the same for desktop, tablet and mobile view.

How do I have one size for desktop, and another for mobile/tablet?

Thanks in advance…

[David]

Hi Robin you will need a little CSS and to use the responsive breakpoints listed here:

https://docs.generatepress.com/article/responsive-display/

e.g For mobile font size:

@media (max-width: 768px) {
    body {
        font-size: 16px;
    }
}

[Robin]

Awesome David – Many thanks for your help. Ticket can now be closed.

[David]

You’re welcome Robin glad to be of help.

[Author]

Posts