Header text not visible on mobile

Hi,

My website is almost complete, but I have one more issue.
In the header area I use the ‘Header small text’ but it doesn’t scale when I look at the mobile version, the text is not completely visible.
How can I change this?

Website: https://www.fertilitybelgium.be

Thanks!
Charlien

Hello Charlien,

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

    @media only screen and (max-width: 600px) {
      .header-info {
        top: 22%;
      }  
      .header-subtext {
        font-size: 22px;
      }
      .header-button {
        font-size: 13px;
      }
    } 

Do you own adjustments if only needed.

Regards,
Kharis

Hello Kharis,

Thanks a lot, problem solved!

Regards,
Charlien

You’re welcome Charlien!

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