Archived topic

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

3 replies · Started by RJ on June 8, 2018

Viewing posts 1–4 of 4

June 8, 2018 at 3:58 am #594989

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

June 8, 2018 at 4:22 am #595000

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

e.g For mobile font size:

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

June 8, 2018 at 4:28 am #595008

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

June 8, 2018 at 4:30 am #595014

You're welcome Robin glad to be of help.

This archived topic is closed to new replies.