Pro v3.0.0 - Absolute position - Headers disappear

Hello.

I’m using the newly released Pro v3.0.0 and noticed that when I have two bars.
Bar 1 - relative position, 6em in height.
Bar 2 - absolute position.

Bar 2 disappears and appears like its “hidden”. It behaves as though I’ve set a break point to hide the bar.

Hi @wbgTHEMECO,

Thanks for writing in. I’ve given this a try, but it’s working ok on my end. I can only reproduce the screenshot you have by making the bar hidden on a breakpoint.

Would it be possible to login to your site to see this in action? If that’s ok, just add credentials in a secure note. Thanks!

Thanks for checking. Credentials are in the secure note.

Hi again,

I’ve checked your site and I’m not seeing the issue there. I tried changing each of your bars to absolute (I didn’t save any changes) but it’s not hiding anything. Are you still having an issue here? Or could you help me better understand how to reproduce this? Thanks!

Hmm. I set bar 1 to relative and bar 2 to absolute and hid bar 3.

My objective is for bar 2 to slide behind bar so the hero image shows through behind bar 1.

Unless there’s a new or better method to achieve this.

I attached a design mockup slice of what I’m trying to do:

Try setting Bar 2 to relative and Bar 1 to absolute. Alternatively, you could move Bar 1 below Bar two, but then it is output in the DOM after your other content.

Interesting. I swear that I tried that iteration as well. That said, this time it is doing the expected behavior. Thanks for looking at this.

You’re most welcome. Glad it’s working for you now!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.