Home Forums Trusted Header on secondary pages shrinks when scrolling

Tagged: ,

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

    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.

    #3750
    Yazmin
    Keymaster

    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.

    #3960
    Laurie
    Participant

    Thank you! Laurie

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header on secondary pages shrinks when scrolling’ is closed to new replies.