Fixed-to-page Elements disable linked text underneath

Hey everyone!

I am testing a layout and came across something that I couldn’t solve, and I’m slowly wondering wether it’s even possible.

Please ignore all the mess, I’m trying Stuff out :slight_smile:

Beware, it’s super complicated or at least I made it sound like it is!

The problem:
The logo consists of two parts. In order to keep the space between them always the same, they are together in a div Box, and that div box is given a fixed position at the bottom.
I added an animation, which moves the upper part of the Logo outside the window while I’m scrolling.
So basically, when I arrive in the ‘Line-up’ Section of the website, the upper part of the logo is no longer visible, but the div box that holds the two logo elements is still the same height. Since that div box is a fixed element, it’s ‘above’ every other content (so the z-index is higher, if I understood that right).
When I go to the Line-up Section, I want every name to be a linked text to the artists page (first name as example). The div box from the logo seems to block the linked text and it’s hover effect without even being visible.

Is there ANY way I can fix this? I thought about custom code, where I could change the z-Index of my Line-up section and make it higher than the div box. That would temporarily hide the logo underneath but it would appear again when the section has ended. Just a thought, I have no idea how that code should look.

Any help is suuuuuper appreciated!! :sunny:

Annika


Here is my site Read-Only: Webflow - RW9

The problem is actually relatively simple.

z-index is not automatic in the way you seem to be under the impression that it is.

All you need to do is set your “LineupLink” element to relative positioning, and give it a z-index of 2.

Wow, that was 1. super fast and 2. solved my problem. Now I feel stupid for spending ages doing the wrong thing but way less frustrated. Thanks a lot!!

1 Like

You’re welcome!

This forum is the best I’ve seen for getting quick help. If I run into an issue I can’t solve in 5 minutes, I make a post.

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