Header on secondary pages shrinks when scrolling

[Laurie]

Is there a way to keep the header from shrinking when scrolling down on the secondary pages? It doesn’t shrink enough to be function, but is rather distracting to my client.

[Yazmin]

Copy the following to Customize > Additional CSS:

#masthead.scrolled #site-branding {
    padding: 20px 0 20px 0;
}

#masthead.scrolled #site-branding img {
    max-height: unset;
}

#masthead.scrolled #site-description {
    padding: 20px 0 0 0;
}

#masthead.scrolled .top-tel {
    padding: 5px 15px;
}

#masthead.scrolled #primary-menu li a,
#primary-menu.scrolled li.menu-item-has-children a {
    padding-top: 10px;
    padding-bottom: 10px;
}

This should reset all the items so when scrolling it is the same as un-scrolled.
I think I’ve caught them all, so please try it and let me know if I’ve missed any.

[Laurie]

Thank you! Laurie

[Author]

Posts