How to make a drop down menu slide in / out

Design help General
#1

Hi Guys,

I’m trying to make a dropdown menu slide in and out when clicked. I have added an interaction to the drop down list ‘move’ but I can’t place the Z location of the list to be under the nav bar (so it goes behind it).
Any help would be much appreciated.

http://nialltest1.webflow.io/

https://preview.webflow.com/preview/nialltest1?preview=2d8fdc5e42c01468e96bd5189383a2f3

Thanks,

Niall

Here is my public share link: LINK
(how to access public share link)

#2

Give a class to the dropdown item and zindex 10
Give a class to the dropdown list and zindex 5

Use the line height of the dropdown item to set the height of the navbar and it will mask the list entirely

1 Like
#3

Thanks a million Vincent. Works a treat :slight_smile:

#4

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