Hi, I can’t figure out why I’m having this issue with the form drop-down overlapping my nav-bar. I have the z-index of the nav way higher than the drop-downs.
Here is the read-only link to my webflow project Webflow - Schlegel GreenHouse 2
Hi, I can’t figure out why I’m having this issue with the form drop-down overlapping my nav-bar. I have the z-index of the nav way higher than the drop-downs.
Here is the read-only link to my webflow project Webflow - Schlegel GreenHouse 2
Hey @jakeschlegel86 I asked Chat GPT for help on this as it seems to be a styling issue and here are some recommendations it has given me:
position: relative
or position: fixed
, and the drop-downs should have position: absolute
or position: fixed
. This will ensure that the z-index
property works as expected.z-index
. If any of the parent elements have a lower z-index
, it can affect the stacking order of the child elements (i.e., nav-bar and drop-downs).z-index
: Verify that the containers of both the nav-bar and the drop-downs do not have a z-index
that is causing the issue. Even if the individual elements have correct z-index
values, the container’s z-index
can still affect the stacking order.I’ve checked all of these I believe and still no luck. thanks, though.