Logo smaller sticky menu

Template: Talon Pro

URL: http://136.144.175.123/~elise/

Question:
How can I (by CSS) make the logo smaller after scrolling in the sticky menu?

Thanx

Tjeerd Engel

Hello,

Yes, you can change logo size after scroll with custom css code below, and you’ll have transition with that code so change will be smooth.

.site-header .site-branding {
    width: 300px;
    -moz--transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.is-sticky .site-header .site-branding {
    width: 150px;
}

Best Regards!

Thanks Dimik :+1:t2:

Met vriendelijke groet,

Tjeerd Engel