Hello,
I unfortunately do not know any code but would really like some help in fixing the header appearance on mobile. The title cuts off into the next line. I will attach a screenshot below. The website in question is theabrahamhouse.org. Thank you for your help.
Hello there,
I hope you are doing well today.
You can use the following CSS code to change the font size of the header by going to Appearance > Customize > Additional CSS and pasting it there.
/*Header font size*/
@media screen and (max-width: 600px) {
h6 {
font-size: 49px;
}
}
/*Padding on mobile*/
@media screen and (max-width: 600px) {
#header .bottom-header {
padding-top: 40px;
padding-bottom: 80px;
}
}
I hope this helps.
Best Regards,
Support