Home Forums Trusted Header on secondary pages shrinks when scrolling

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  Laurie 10 months, 4 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #3749


    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.



    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.



    Thank you! Laurie

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.