Is there a way to adjust the size of how small the header with the logo gets when using the sticky menu? I have a client that would like their logo to not shrink as much as it does in the sticky menu. Something about half way between full size and the built in small size would be ideal.
I managed to get part of the way using the below code but I have an issue where the logo will still shrink down to the small size (58px) as you scroll and then pop back up to the 80px height that I have set once the scroll reaches the end.
.header-scrolled #header_main .container {
height:80px !important;
line-height:80px !important;
}
.header-scrolled .logo a {
max-height:80px !important;
}
.header-scrolled .logo img {
max-height:80px !important;
}
.header-scrolled .main_menu li a {
height:80px !important;
line-height:80px !important;
}
Hey!
Try adjusting the avia_header_size function in js/avia.js, around line 1149.
Best regards,
Josue