CSS code for bigger header text on MOBILE

Hi ! I’m using West for a friend’s site and my header text is really small on Mobile, but looks just fine from a computer.

I’m looking for the CSS code to add to the Custom CSS section in Customize, to make the header text bigger but ONLY on Mobile.

Thank you!

Hello there,

To accomplish it, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 600px) {
      .site-title {
        font-size: 36px !important;
      }
    }

Regards,
Kharis

Hello there,

Thank you for getting back.

Try this code:

    @media only screen and (max-width: 767px) {
      .header-text {
        font-size: 52px !important;
      }
    }

Regards,
Kharis

Thank you !!! It works!

I only had to play with the margin for mobile code but it’s perfect now. Thank you so much for your fast response!

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