Streaming live at 10am (PST)

Hover on top of other elements


#1

Hi all,

Im looking for the best way to create a hover effect that will hover over all the other div blocks around it. The section “Pick Your Adventure” is where I am talking about. I Have the animation set up so that when the user hovers, the background changes color along with the button and all of that is good to go, but when the element scales up, part of it hides behind the other div blocks since it is lower in the hierarchy. If anyone has a solution I would greatly appreciate it.

Thanks!


Here is my public share link: https://preview.webflow.com/preview/spearfish-canyon-adventures?utm_source=spearfish-canyon-adventures&preview=25ea4836f8d5a6562fad4b0546b424a4


#2

Add simple hover state that will change z-index of a div that you are applying your interaction to (div block 12) to a higher one (currently 10, make it 11)


#3

That worked like a charm! Thank you so much