Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1133519

    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?

    #1134122

    Just wanted to see if there was any thoughts on accomplishing this?

    #1134148

    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.

    #1134154

    Right now I have it as an extra container above the header_meta- see here: https://ibb.co/p3R8wb0

    #1134157

    ah-ha! got, just by putting it inside the header_meta: https://ibb.co/W3CSjzR

    Thank you!

    #1134247

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.