Streaming live at 10am (PST)

Navbar Submenu Dropdown - Mobile Version

Hello,

I have a sub-dropdown menu within the main dropdown menu in my navbar. On the mobile version, the sub-dropdown menu is not displaying properly and the background is cutting through, which is disrupting the text displayed on the menu.

Here is my site Read-Only: https://preview.webflow.com/preview/wonder-event-rentals?utm_medium=preview_link&utm_source=designer&utm_content=wonder-event-rentals&preview=c5f085934217f675028c6c1b996cd603&mode=preview

Screenshots:

Hi,

Thanks for reaching out.

Here’s a short video on how to solve it:

Add some z-index to the dropdown wrapper.

​I hope it was helpful.

Kind regards,

Jörn :sweden:

Also as you got a very high menu, you might want to check that users can navigate properly through the menu on mobile. Webflow can’t emulate mobile height but you can check using the “Developers Tool” on Chrome.
If you can’t reach the entire menu on mobile, this will be usefull : [TUTORIAL] Make mobile menu SCROLLABLE

This worked, thanks so much!

photo

Jeremy LaBahn
Owner, Wonder Event Rentals

619-792-4498 | hello@wondereventrentals.com

wondereventrentals.com

7918 El Cajon Blvd. Suite N La Mesa, CA 91942

Create your own WiseStamp email signature

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