Home Forums Trusted Pro Header Enlarge, Shrink

This topic contains 2 replies, has 2 voices, and was last updated by  Phillip Allen 1 week ago.

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

    Phillip Allen
    Participant

    How can I disable the header size change when scrolled.  dev.globaldisciples.org

    #6030

    Andy
    Keymaster

    Hi Phillip

    If I’m understanding correctly, this Additional CSS should do it:

    #masthead.scrolled #site-branding {
        padding: 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;
    }
    
    #masthead.scrolled .menu-item-has-children::after {
        top: 8px;
    }
    #6033

    Phillip Allen
    Participant

    Perfect Thanks!

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

You must be logged in to reply to this topic.