Resizing sticky header

[sb91]

Hi,

http://sbelmonte.azurewebsites.net/

Since my logo is quite tall, I have added the following code to the custom css in theme options. (Which basically allows the logo to take up some area in the top bar above the menu)

#logo {
top: -30px;
}
.is-sticky #logo {
top:0;
}
.sticky-header {
height: 80px!important;
}
.is-sticky #logo {
top: 10px;
}

I am now having a problem with the sticky header, when scrolling down the page the bottom part of the logo hangs off the sticky header and goes onto the main page. How do I increase the height of the stick header so the logo doesn’t come off.

Note:I have looked at the option of resizing the logo through the theme “Logo Resized Height”, this does work but it’s not ideal as the logo seems to pixelate when resizing. (If there is anyway to prevent the logo pixelating on resize then I would like to go with this option)

Thanks,
Sam

[Melanie – SUPPORT]

Hey, can you increase your nav height a bit so it lays behind the logo properly? That’s the fastest solution I can think of.