How can I make my header image shorter in the Perennial theme?

  • Unknown's avatar
    bostonchildrensmuseum1 · Member ·

    Hi, I have a premium account and I uploaded a custom header image. However, I want the image to be about half the size of how long it is now. I am adding in CSS but nothing is changing. How can I make it shorter?

  • supernovia · Staff ·

    Hi, you could try something along these lines:

    .site-hero-wrapper {
	height: 50vh;
}

.site-hero-wrapper .entry-image-site-hero {
    height: 50vh;
}

    You’ll likely want to adjust your images as well so they fit, and consider testing heights on mobile as well and with different titles to make sure it works well.

    If you need more help, please note major layout changes like this aren’t really covered within the scope of support (as they can quickly get complicated with different screen sizes) but you can tinker with things or hire a contractor for this. Hoping this helps!

  • The topic ‘How can I make my header image shorter in the Perennial theme?’ is closed to new replies.