Hi,

I'm using Header 5 (centerd) but I'd like the logo to stay on top together with the navigation when scrolling down.

Is there an easy way to achieve this. May be some CSS code I can use as custom code? If not what filde would I have to edit? I'm a developer and coder so if you point me to the right lines of code I can do this.

Also another option would be to show a small logo instead of the big logo, once the big logo disappears, similair to other header styles. Any way to achieve this in this header style?

Thanks,

Tino

Thanks, code is not perfect still need a bit of teaking but it almost works. I can go from here, thanks!!

Here is the full code that worked for me with header 6 and made the top logo centered but also shows it when scrolling.
I only applied it for desktop since the tablet and mobile version was great already:

@media only screen and (min-width: 960px) {
#navigation.header-6 .container{ text-align: center; clear:both; }
#navigation.header-6 #logo{ float: none; display: block; text-align: center; vertical-align: top; margin-right: 15px; }
#top-search{ float: none; vertical-align: top; display: inline-block; }
#navigation-sticky-wrapper {height: 156px!important;}
.is-sticky #navigation.header-6 { height: 120px; }
.is-sticky #navigation.header-6 .show-search { height: 58px; margin-top: 58px !important; }
#navigation.header-6 .show-search { height: 58px; margin-top: 78px !important; }
}