Additional CSS .header.shrink { font-size: 13px; position: fixed; z-index:999999; top: 0; width: 100%; transition: 0.2s; } .site-logo.shrink img{ max-width: 45px; }.
DOWNLOAD: https://byltly.com/2ern4m
DOWNLOAD: https://byltly.com/2ern4m
shrink-logo-on-scroll-css
Brand name/logo; Line height on any element inside the navbar; Padding on the main navbar ... To shrink the navbar in scroll down you will need to manipulate the attributes of these elements through CSS and Jquery (plain vanilla javascript .... ... using CSS transitions, you have to go from value X to value Y. So if your .shrink ... .site-logo img { max-height: 75px; -webkit-transition:max-height 1s ease-out; .... But the limitation with CSS is that it is not interactive. It can't be invoked on a button click like it is done with jquery. But there is a trick of blending Javascript with ... 3925e8d270
コメント