Hiding header when not using site title and tagline and header's responsiveness does not work

[tomduda]

I am just trying to use the header image alone but it just collapses to a third the size. I can get around this by using the title and tagline and setting the alpha to zero. This solves the problem but the menu hides part of the image and the image does not respond in size responsively.

Can I get the menu to sit entirely below the header? Is there a way to tweak the theme to compensate for these issues or do you consider it a flaw within the theme?

[Zodiac1978]

The menu is above the header image, so you can fix it with adding a padding-top.

@media screen and (min-width: 50em) {
  .site-header {
    padding-top: 16em;
  }
}

There is no easy way to get the menu below the header image without changing much more, because of the used markup. You need to change to which element the image is added ...

Not sure if this is a bug or an intended feature. We need to re-think the whole header.