Mobile Font Size

Hi Sonja,

GP does offer the option of font size according to different devices by clicking the device icon:
https://www.screencast.com/t/DazpsQd87

Let me know :)

No, that does not work for me.

If I klick on the mobile icon that you marked in the screenshot, and set there e.g. 18 px, then it has the 18 px also on desktop.

It does not support different sizes for desktop, tablet or mobile. These icons works only for preview.

Reviewed your question again, so you are right, we can't adjust the font size in customizer according to devices for body/widget/footer area.

We can help with some CSS if you'd like.

Let me know :)

Yes, i would need the css for body, footer and widgets.

But please can you explain, why we can set the size for the headings for mobile and desktop, but not for body text? This makes no sense to me.

The options we added to the customizer are based on the urgency of the needs. In this case, most people don’t need to adjust their body font size, if we add this function, it increases GP’s size and slows down the speed for people who don’t actually need it.

It’s always a balance between speed and function. 🙂

And for widgets, it’s complicated since each widget might have a different class, can’t really target only once for everything. So I can’t even provide a CSS solution without seeing what and where the widget is. The option in the customizer is for the widget title, but not the widget content.

I’ll also need to see the actual footer in your site as well before I can offer CSS.

For body font size you could try this CSS for smaller screen:

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

Let me know.