Hello,
On this website: neci.army8dev.com (password in private content) – I have clicked in Header settings “Unstick topbar”, but since I have hardcoded an extra section above topbar in a php file you’ll see the “.html_header_top.html_header_sticky #header { margin-top:” only goes to “-33px;}” when scrolling down page. Is there any javascript to allow that margin-top: -33px to continue to be like -86px while continuing and allowing for smooth scrolling?
Just wanted to see if there was any thoughts on accomplishing this?
The extra section above the top bar – is it part of header_meta? or is it an extra container?
The reason why i ask: if it is part of header_meta – everything works as it should
see here some declaration on that. The only thing to correct is main padding-top: https://kriesi.at/support/topic/add-an-image-banner-between-header-and-topbar/
if you see my example page – you see that the avia-snippet-sticky-header.js calculates the header margin-top correct.
Right now I have it as an extra container above the header_meta- see here: https://ibb.co/p3R8wb0
ah-ha! got, just by putting it inside the header_meta: https://ibb.co/W3CSjzR
Thank you!
by the way – you can even use it with shrinking header and on my test page: Link
i placed the now the same image in background-position : fixed – nice effect.