Custom font overlapping on mobile

Change your CSS to this

h1 {
    font-family: 'Costa';
    line-height: 40px;
}

Thank you! I found that this fixed the issue as long as I used spacers on the desktop version to get the correct formatting I wanted rather than using a hard return. Thanks so much for your help!

I am having similar issues on my FAQs page. Only the questions are in custom font and overlapping. Can you help me??

Site: https://scarlet-clover-cg34.squarespace.com/

No Password, I think. I am new to this so let me know if you need anything else.

Best,

Maria

Add to Home > Design > Custom CSS

/* Fix FAQ overlap */
@media screen and (max-width:767px) {
div#page-section-5f9911cbe5da215b553231e3 h3 {
    line-height: 20px;
}
}

hi im having the same issue with all the body text