[Resolved] Font Size Problem

[Sonja]

Hello,

on this site, I have set, that the Breadcrumbs and the text in the footer widgets are much smaller then the body text. On Desktop, this all looks good, but on mobile, body, footer and breadcrumb textsize looks the same?

Why is that?

[David]

Hi there,

the only font size change i am seeing is the body text, which is being changed by this CSS in the Customizer > Additional CSS:

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

[Sonja]

Hi David,

yes this css makes the body text a bit smaller on mobile.

But the on Desktop the fontsize are as followed:
Breadcrumbs: 16
Body: 20
Footer Widgets: 24

But when i open the website with my phone, then all this text have the same size.

Why is that?

[Leo]

But when i open the website with my phone, then all this text have the same size.

That’s not what I’m seeing.

The breadcrumbs font-size on mobile is the same on desktop at 16px from your CSS:
https://www.screencast.com/t/oXt6AgOveA

The body text is at 18px from your CSS:
https://www.screencast.com/t/kWVo0E3WpV

And footer widget is at 14px:
https://www.screencast.com/t/ftfYDbpvbPkd

[Sonja]

Hmmm, I have opened the site on my phone with the firefox browser and can see it like you said.

But on chrome, what i usually use, all text has the same size.

I have also clear the cache several times. Very strange.

[Leo]

Just tested with Chrome on my phone and don’t see the issue:
https://www.screencast.com/t/SEMbLWcnX
https://www.screencast.com/t/opZtzhL1

Do you have another device to check?

[Sonja]

No I only got this phone. Very strange. But okay, if it is okay for all the other viewers.

[Leo]

Could ask a friend to check as well 🙂

[Sonja]

I have tried everything. On my Phone with Chrome, the fontsize is the same and the site looks ugly because of that. Is really strange.

[Leo]

Unfortunately it’s impossible to debug if I can’t see the issue live either with my phone or browser simulator.

Have you tried using incognito mode on your phone?

[Author]

Posts