How can I reduce the headers' font size in the mobile version?

[JJS4]

Hi,

I have a problem regarding the font size of my site's mobile version. I have quite long words in the headers so the words can be cut in the middle and jump in another line in the mobile version. It doesn't look so nice. I could solve this problem by making the font size of the headers smaller in the mobile version.

How can I do this?

-Saija

[Adam7]

One way you could do this is to use the Hide app:

https://www.weebly.com/app-center/hide

With this app, you can set it to display the contents of the element to only display on specific size screens, so you can use one with your current header text for desktop, then add another and put the same text in it but smaller for mobile.

[#3]

Oh, I forgot to mention that I'm using Weebly through a web hotel provider so I can't get apps there.

[IndyChris]

Hello, Adam. Does this app affect SEO if Title elements are hidden on mobile?

[Bernadette3]

That shouldn't have an effect, @IndyChris The app will hide elements, but they are still readable through the code.