[Merf]

Hey Skandha, I finally dug a little deeper and figured out what’s going on with the site-title height!
On the Home page, the site-title is an <h1> element, which is specified with line height of 1.2. But on the single post pages (and probably others, I presume), the site-title is a <p> element, which inherits line-height: 1.5. So my titles expand (vertically) on the single-post pages compared to the Home page.
What’s the best way to fix this (assuming I want site-title to have line-height: 1.2 on all pages)? Would it just be to add .site-title { line-height: 1.2 } to the additional CSS?

[Merf]

I actually set it back to 65vh because 80vh just gives too tall a masthead. The line spacing for the title looks better, but I still don’t understand what controls it.
CSS specifies the WIDTH of the masthead wrapper (width: 1280px;), which then controls the width of the site-branding and site-header (based on their padding), but what controls the HEIGHT of the wrapper? I can’t find that anywhere. Could I just add a max-height spec to the wrapper?
Also, just for my understanding, does the 65vh or 80vh control the masthead height as a percentage of the overall window height? That’s what appears to be happening, since as I shrink the window vertically, the masthead height shrinks accordingly.
Thanks for your help!

[Merf]

YES! That fixes it. Thanks!
One question though: My title normally runs 2 or 3 lines (depending on screen width), and when it’s 2 lines (with the masthead height modification) the line spacing is expanded. Also, the space between the title and site-description is increased. Apparently it’s expanding with the increased masthead height. Any way to keep the title and description spacing the same, even with the new masthead height?

[Author]

Posts