How do I setup the header builder to have 2 bars. The first bar should always stick to the top. The 2nd bar and any other content should scroll underneath the 1st bar.
I made the first bar sticky; however, when the 2nd bar scrolls over the first bar disappears until the 2nd bar is gone. This isn’t the functionality that I want.
Hello @kimelishap,
Thank you for the very detailed post information. To resolve your issue, simply change the z-index of the 2nd bar. It must be lower than the z-index of the first bar. By default the z-index of the bars is 9999. In your case, the z-index of the 2nd bar should be less than 9998 so that when you scroll the page, the 2nd bar will pass behind the 1st bar.
Hope this make sense.
Makes total sense. Thank You!
You’re more than welcome, glad we could help.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.