[Resolved] Adjust Global Header Height

Home Forums Support Adjust Global Header Height

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1269913
    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

    #1270313
    David
    Staff
    Customer Support

    Hi there,

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

    #1270492
    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?

    #1270679
    David
    Staff
    Customer Support

    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;
    }
    #1270709
    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?

    #1270750
    David
    Staff
    Customer Support

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

    #1273056
    DJ

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

    #1273588
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.