Header issue covers section

[Heike_Eco]

Hi there,

The top of my first section on all pages should look like this under the header:

However, for some reasons, once I scroll down the page and then back up the top section disappears permanently. I’m not sure why this is the case. But is it possible to fix?

Thank you,
Heike

[rad]

Hi @Heike_Eco,

Thanks for reaching out.

Please go to Theme Options > Header > NAVBAR > NAVBAR TOP HEIGHT (PX) and set it to 85. It happens because the container of fixed navbar doesn’t have any height.

Thanks!

[Heike_Eco]

Hi Rad,

Thanks for getting back to me. I have added the height.
While this leaves the top of the frist section showing when scrolling now, it keeps the header thickness from shrinking with the logo. I would prefer if the header shran to the size of the logo and header links.

Is his possible?

[ruenel]

Hello There,

Yes it is possible. Simply edit your custom css and use this instead:

.x-navbar.resize-navbar{
    min-height:50px;
    transition:all 100ms linear;
}

.x-navbar.resize-navbar .x-navbar-inner {
    min-height:50px;
}

We would loved to know if this has work for you. Thank you.

[Heike_Eco]

@RueNel

.x-navbar.resize-navbar{
min-height:50px;
transition:all 100ms linear;
}

.x-navbar.resize-navbar .x-navbar-inner {
min-height:50px;
}

This worked RueNel! Thank you sooo much

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.