Header font is not responsive on mobile

Hi, I’m having trouble with the header font of beckyproofreads.com on mobile. On desktop and tablet it’s fine, but on mobile the font just doesn’t shrink at all, instead just splitting up the words down the page! Can you help with this please?

Thanks!

Never mind, I changed the text so it would fit :slight_smile:

any thoughts on how to solve this?

Hey there,
Thank you for keeping in touch

@dfalves, you can adjust the font size on mobile using a media query.

Kindly add and save the following code to Appearance > Customize > Additional CSS:
Change the font size

/Change headr font size on mobile/
@media (max-width: 550px){
#header .bottom-header h1 {
font-size: 72px;
}
}

Best Regards,
Support