Behavior of sticky header

Hi there,

On my new website, I have the following options selected for the header:

• Sticky Header – enabled
• Shrinking Header – disabled
• Header Size – custom; 45px

At page load, the sticky header has padding beneath the page logo. Upon scroll, the sticky header shrinks 10 – 20px. The bottom of the header comes right up to the bottom of the logo.

I’ve implemented the sticky header on mobile using the code below. On mobile, there is a thin gray border beneath the logo, too. This disappears on a scroll.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}
.responsive #top #main {
    padding-top: 45px !important;
}
}

I’d like the sticky header to be the same size all the time – the “on-scroll size,” with no padding below the logo. Another thread mentioned that shrinking behavior is disabled below 60px, but this doesn’t seem to be the case.

How can I disable the shrinking header behavior completely?

It is much appreciated!

• This topic was modified 5 years, 9 months ago by daniejm.