Adjust Global Header Height

Hi there,

when you edit the Header Element, increase the padding and publish those changes are they not being saved?

I increased the padding and the changes did save, however in using the same padding pixel numbers the Global Header and Element Header are not the same size. Should I use percent instead of pixel or is their a particular ratio to use between Global Header and Element Header that I need to use?

Try adding this CSS to your Cutomizer > Additional CSS:

.page-hero {
    min-height: 790px;
}
body:not(.home) .page-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

The code provided did change the height of both headers, however the are still not uniform across all pages. I even changed the 790px to 350px, but they are still different heights. Any other suggestions?

Can you add the CSS to the site so i can see what the issue is ?

Hello David, I got it to work, finally. Thanks for the help. The code you provided worked.

Glad to hear that