My site's navbar includes 3 dropdowns which open on hover in desktop view.
However, in mobile view, I want the dropdown menu items to be visible by default, as otherwise, in order to get to the dropdown links the user has to tap on the main menu item to open the dropdown, but then, as there's a page behind that top link, the user gets directed to the page, and can't see the dropdown menu items.
For example, tapping on ABOUT US to open the dropdown, immediately takes the users to the About Us page, before they can view the submenu.
I'm really stuck on how to make this work so would really appreciate some help.
Here is my public share link: https://preview.webflow.com/preview/hortaxdraft?preview=75b550b2f9581242b65f6fe35448e4cd
(how to access public share link)