Trouble with line breaking of site header on mobile

Site URL: https://mathiasskovbo.com/snedker-portfolio

I have trouble with a header text, which on mobile is too wide to show, and then it breaks the line into 2 lines of text. Problem is that this text is written over one another, and I can't seem to figure out how to add spacing or fix it?

Site link: https://mathiasskovbo.com/snedker-portfolio

The Heading is type Heading 1, and the text is "Snedker Portfolio" with the font "Kom A" in size 16px.

13 hours ago, christyprice said:

Hi @Skovbo, this looks to be a line height setting. If you go into Site Styles: Fonts: Headings and increase Line Height this should take care of that overlap. 

Or you can target it with some Custom CSS for mobile screens:

@media screen and (max-width: 767px) {
	h1 {
    	line-height: .9 !important;
	}
}

 

Thank you so much 🙂