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; }
}

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

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