Streaming live at 10am (PST)

Trying to make a multi level drop down menu, but to no avail


#1

I’m trying to make a multi-level drop-down menu.

I placed a nav bar at the top of my page and inserted a drop-down component (called “Teaching”). Then I added a second drop-down component (“Demos”) under the “Teaching” list. It displays perfectly in both the tablet and mobile views, when I click the hamburger menu, but on the desktop view, I’m having two issues.

First, when I click “Demos” the font moves down. I’ve tried adjusting the padding and margins but it still moves downward upon clicking. If I adjust it to look correct before clicking then it slides downward and looks unevenly spaced after clicking.

The second issue is that after I click “Demos”, Items # 1, 2 & 3 block “Student Work”.

I’m new to webflow so any insight would be greatly appreciated. I have a basic understanding of

I tried looking in the tutorials and forums but I couldn’t find anything relevant.


Here is my site Read-Only: https://preview.webflow.com/preview/marvins-fineartportrait-1?utm_source=marvins-fineartportrait-1&preview=3358b95ce3355692464e86175b4c72a8
(how to share your site Read-Only link)