Header height is different on my homepage and I don't know why

[indigohill]

I am using the Dawn 5.0.0 theme. I have done some coding on my own and am not sure why my homepage has a different header height than my other pages.

I want it to be like the homepage. I’ll attach a couple of screenshots.

My URL is indigo-hill.com

[Guleria]

Hello @indigohill ,

Update the custom css you added in at the bottom of file base.css

.header__heading{justify-self:center!important;height:135px!important;margin-top:0!important;max-height:135px!important;display:flex;align-items:center;align-content:flex-start;justify-content:space-between;width:100%!important}

with this

.header__heading, .header__heading-link{justify-self:center!important;height:135px!important;margin-top:0!important;max-height:135px!important;display:flex;align-items:center;align-content:flex-start;justify-content:space-between;width:100%!important}

Thanks

[Raj-webdesigner]

Add This Css in Your Edite Code > Base.css File

a.header__heading-link.link.link--text.focus-inset {
    justify-self: center !important;
    height: 135px !important;
    max-height: 135px !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[Dan-From-Ryviu]

Because your homepage has h1 wrap your image logo and you set max height for it

But on other pages, it does not have the h1 heading wrap logo, so it displays the real height of the logo image.

I recommend you crop spaces above and below your current logo so it can solve this issue.

[indigohill]

Wow, thank you so much! I was afraid I would have to change a bunch of coding. This was a simple fix!

[Dan-From-Ryviu]

Happy I could help !