Sticky Header

I had to change the CSS for the site logo because it was too small but I would like it to shrink for the sticky header. I tried #site-header.header-scrolled {max-height: 50%} but that didn’t seem to work. Please advise what would be the correct line since .site-logo wouldn’t work. Thanks!

Hello there,

Try this code:


.site-header.header-scrolled{
   padding-top: 0;
   padding-bottom: 0;
}

.site-header.header-scrolled .main-navigation li {
   padding-top: 0;
   padding-bottom: 0;
}   

Regards,
Kharis