Hello,
Go to Customize > Typography > All Heading or h1, h2, h3, h4 section (depends on your settings) and change the line height. It will be fixed.
Ah yes great that fixed it, thx 🙂
I’m having the very same problem as Lolzern described. I tried the solution recommended by Amit but it did not work for me. I’m just using the default settings for everything.
I went to customize>typography> and h1 but when I went to change the line height, nothing changed.
Here’s my site:
waterheatersplusplumbing.comwaterheatersplusplumbing.com
@janhooper have you cleared the cache after changing the line-height?
Yes, just cleared and purged cache. Still overlapping. No response at all when I try to make changes to line height.
I have everything on default and even made my logo smaller in menu just in case that was cause of problem.
Can you please mention where you have an h1 tag? If possible please share a screenshot. You can tool like Imgur or Lightshot to share the screenshot here.
Hope you can read this. Only way I could figure out how to share screen shot was uploading it to website and including the link.
1. Go to Customize > Typography > Page Title and increase the line-height to fix it.
2. You also have the breadcrumb issue which is not displaying on your site properly. To fix it, add the below code to the Customize > Custom CSS section –
.site-breadcrumbs ol {
margin: 0;
padding: 0;
list-style: none;
}
.site-breadcrumbs ol li {
display: contents;
}
.site-breadcrumbs a, .background-image-page-header .site-breadcrumbs a {
margin: 0 5px 0 5px;
}
It worked perfectly!! Thanks so very, very much Amit! Such a relief.
