Full screen header height

  • Resolved wwoloszyn

    (@wwoloszyn)


    5 years, 3 months ago

    Hi!

    I am wondering if there is a quick css code that would make the inter-galactic-2 header (header image) height full-screen – just like we have with blog posts; if you open a blog post there is this fullscreen featured image. I don’t want to move page title or subtitle, it’s just extending the background to 100%.

    Kind regards,
    Wojciech

    edit: it seems like adjusting z-index and changing the height to 100vh for the header works. Nevertheless, I am open to any standard css suggestions

    • This topic was modified 5 years, 3 months ago by wwoloszyn. Reason: found 1 solution
Viewing 2 replies - 1 through 2 (of 2 total)

  • Glad you found a fix that works for you. Personally I’d do something like this, so it’s only full-height on home:

    .home .site-header {
    height: 100vh;
}
    Thread Starter wwoloszyn

    (@wwoloszyn)

    Yes! That is exactly what I did ultimately (I was wrong about the z-index by the way). I believe there were some additional minor fixes though. You can see the result and source code on my blog https://www.woloszyn.org.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Full screen header height’ is closed to new replies.

Tags