Font Size Problem

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;
    }
}

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?

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

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.

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?

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

Could ask a friend to check as well :)

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.

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?