Header on Mobile

Illdy
1

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.

2

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