Decrease header height

Hi Tylerr,

What’s the final result you’d like to achieve? The problem with the header height is that the header element contains the navigation as well. Therefore, as long as it’s so, the height stretches to include the navigation. However, if you like to eliminate that space on top of the header image, so that the image’s height, which is 140px, fits inside its container without any extra space, here’s the CSS:

.hgroup-wrap {
    display: none;
}

Make sure you put this at the bottom of your child theme’s stylesheet or custom CSS editor so that it takes precedence over the previous rule.

I hope this helps, but if I didn’t understand your request correctly, feel free to post again.

– Maria Antonietta

I added that to my CSS and it didn’t do anything. You are correct on what I am trying to do. I just want to get rid of that white gap.

I can see you added it but it’s not taking effect because the previous CSS rule is still overriding it. To rectify this, add !important at the end of the rule, like so:

.hgroup-wrap {
    display: none !important;
}

With the cascade the placement of the CSS rule is crucial and using this trick can fix things quickly.

That worked! Thank You.

Glad to hear it, you’re welcome ??