Headline not responsive

Hello,
on https://www.drphysio.gr/ the SO Headline is not responsive on mobile view (some letters are not on screen).
How to fix that?
Thank you in advance!

Hello there,

I checked and it looks fine. Do you have a screenshot to help me better understand it?

Regards,
Kharis

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 700px) {
      #pgc-104-0-0 h1.sow-headline {
        font-size: 30px !important;
        word-break: break-all;
      }
    }

Regards,
Kharis

Hello!
the given code keeps font size and breaks the word - I want the opposite: the font size to be responsive and not to break the word.
Thank you in advance!

Hello there,

Try this code:

    @media only screen and (max-width: 700px) {
      #pgc-104-0-0 h1.sow-headline {
        font-size: 20px !important;
      }
    }   
    @media only screen and (max-width: 480px) {
      #pgc-104-0-0 h1.sow-headline {
        font-size: 18px !important;
      }
    } 

Regards,
Kharis

Works fine!
Thank you!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis