Streaming live at 10am (PST)

Dropdown in hamburger menu not opening on click of dropdown section name text


#1

Issue is only happening on Hamburger menu.

On desktop, we have on.Rollover 1st level hyperlinks, on.Rollover it opens up a drop-down navigation menu.

BUT, on hamburger mobile, we can’t detect on.Rollover, and it seems that the user has to click on the parent div and or drop-down arrow in order to get the drop down to invoke and open up.

FOR SOME reason, clicking on the actual word itself makes the whole hamburger navigation close up and go away.

I’m pretty sure it’s a simple switch, maybe on the display settings, but for the life of me, I can’t guess it…any help would be super appreciated.
Share URL > https://preview.webflow.com/preview/highview-partners?utm_source=highview-partners&preview=709293548c83713ffcea7fb32296c1c4

Desired outcome:
On mobile, if the user clicks on the 1st drop down, ‘Our Story’ this sections drop down menu should slide down / open up allowing the end user to select one of the links. If they click the word ‘Our Story’ again, it should close the sub-nav drop down.


#2

Screenshot of the dropdown main link and arrows to point to it’s structure [ bottom of page ] and maybe one of the options, I’ve tried to change the
open menu on hover
but no joy ;(

Which element should I be trying to change how it behaves / interact’s with the users on.click
could it be I’m not changing the right element / Dropdown Main link < Nav Link < Dropdown < Div block

thanks for any help :wink:


#3

Check out this video link: https://www.useloom.com/share/a939b011b949469ab5d849c87913ccd8

Remove the checkbox for Open on Hover.

Once you do that it works fine.


#4

Thanks for looking into this Brandon, i appreciate it / @WebDev_Brandon

So, yes, clicking on the parent element - anywhere in the white box and or the drop down arrow works fine.
BUT
when you attempt to actually click on the word ‘Our Story’ that’s when the gremlins take over.

It closes the menu all together. The client has asked and it makes sense, people will most likely put their thumb / finger over the word and click on it… BUT this isn’t working. we want it to behave just like the parent div behaviour, but it isn’t ;(

Any other tips / hacks you know of would be super helpful


#5

I see your predicament there. That would be an issue that needs to be sent to @webflow support.

Thats not anything you or I can do about.