Header builder css issues

[Pbalazs89]

Hi there,

I have two issues with my header css on this page:

1. https://www.dropbox.com/s/zjvrwdqzw9unvys/Screenshot%202018-05-18%2013.11.35.png?dl=0 - This happens if I roll down just a bit from the top of the page.

2. The other one appears on tablets, and some laptops as well. It happens when I scroll quickly. Is there a way to fix this?

Any ideas?

Thanks!

[paul.r]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

[Pbalazs89]

Damn. Rookie mistake on my part. Here you go

http://www.padthai.decorolux.com/etlap/

[rad]

Hi @Pbalazs89,

I checked and it’s due to z-index of both header bars. Please inspect the header bar where your logo is and change its z-index value to 999999. It should be under the setup section.

Thanks!

[Pbalazs89]

Hi @Rad,

I tried doing this but unfortunately it does not work, what am I doing wrong?

Tried adding it to both places but it does not seem to do the trick.

Thanks!

[Pbalazs89]

*also added position: absolute; but did not help either.

[christian]

Hey @Pbalazs89,

This looks like the same as this issue where the succeeding sticky bars after the first sticky bar sticks late in the scroll length so it scrolls up first before sticking. The current fix is to set the succeeding bar’s trigger offset to minus the height of the bar before as will see in the screencast. This might be fixed in the next update.

Thanks.