Mobile responsive headings

Hi Kharis,

Thanks for help and support for making my website more responsive, i have another issue for headings size on mobile they look good on desktop but way too big on mobile how to make them accurate for mobile i attach the image for reference the heading with orange background

help is really appreciated

thanks
Fatima

Hello there,

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

@media only screen and (max-width: 650px) {
  h1 {
    font-size: 20px;
  }
}

Regards,
Kharis

Hi Kharis,
thanks for the code it worked problem solved.

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