Streaming live at 10am (PST)

Having a dropdown within a mobile navigation dropdown

Hello Webflow Community!

I created a navigation bar with the logo in the center and this nav bar contains a dropdown menu item as well.


When I move to a mobile nav menu view, nav items are divided into 2 and they overlap so I managed to create extra margin to show both menu sets on mobile view. However, when I open a dropdown menu item (about) in mobile view, the 2 nav items (press, contact us) disappear, and also the dropdown icon moves to the center of the dropdown.

I would like the mobile menu bar to be in one group and when user clicks on a dropdown menu item (about), other menu items (press, contact us) pushes down.

Here’s my read-only link!
https://preview.webflow.com/preview/sweetboy-la?utm_medium=preview_link&utm_source=designer&utm_content=sweetboy-la&preview=ba7b56dfa30598ab5fd67c61f6331416&mode=preview