[Resolved] Adjust Global Header Height

[DJ]

Hello, How do I adjust the Global Header Height so that it is the same height as the Home Header? I tried adjusting the padding to no avail. Please advise.

Thanks

[David]

Hi there,

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

[DJ]

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?

[David]

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;
}

[DJ]

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?

[David]

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

[DJ]

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

[David]

Glad to hear that

[Author]

Posts