Header enlarge animation on tablets

[Richard Orme]

Hi Andy,

On screens above 320px, is there anyway to disable how the header is large when you first access that page, and then its shrinks to a smaller header when you scroll down?

IE. Can I stop the larger header image and just have the smaller header image locked all the time?

 

Does that make any sense?

Thanks,

Richard

[Andy]

This Additional CSS should do it:

@media screen and (min-width: 321px){

    #site-branding {
        padding-top: 10px
        padding-bottom: 10px;
    }

    #site-description,
    #masthead.style2 #site-description,
    #masthead.style3 #site-description {
        padding-top: 10px
        padding-bottom: 10px;
    }

    .top-tel,
    #masthead.style2 .top-tel,
    #masthead.style3 .top-tel {
        padding-top: 0;
    }

}

These are the padding values when scrolling, applied to screens wider than 320px when not scrolled (on initial page load).

[Richard Orme]

Perfect!

Thanks Andy

[Author]

Posts