***SOLVED***Firefox and Chrome display differently

[Seanf]

I'm setting up a site, it looks fine on a PC but when viewing on a smartphone, Firefox and Chrome display it differently. As you can see from the screenshots below, Firefox reduces the text size to fit nicely on the screen, but Chrome doesn't. Is there something I can do to force Chrome (and other browsers) to display the text in the same way as Firefox does?

Edit - here is the URL: https://www.seans-hab-sauce.de/test

Firefox:


Chrome:


Thanks,

Sean

[Pablo]

In the URL, I do not see any code which reduces the font size.
Did you use responsive fonts?

[Seanf]

I haven't added anything to reduce the font site, Firefox seems to do this automatically but Chrome doesn't. I didn't use responsive fonts as that forces the style to be the same in the whole text box, but I have a heading and body text that need to be different.

[Pablo]

You can use responsive styles to have different formatting in the same textbox.
https://wysiwygwebbuilder.com/responsive_text.html

[Seanf]

Oh that's great, I'd missed that bit! I'll try it right now.

[Seanf]

Excellent, that is just what I wanted. Thank you very much!