I want drop-down menus in my navbar that drop down on hover, but I also want to “heading/title” of the drop-down to be clickable as well. I can achieve this by placing a link block inside of the drop-down toggle. Works great on desktop.
However, my problem is with mobile… because you don’t “hover” with a mobile device, whenever someone clicks the “heading/title” of my drop-down menu it automatically sends them to that link without revealing the drop-down menu. There doesn’t seem to be a way to disable a link block only in mobile mode… or make it so you have to click it twice.
What do you suggest I do? I suppose I can simply not link the “heading/title” at all, but I would like it to be linked on desktop mode.
I want it to work like the “Shop Now” drop-down menu at www.aliengearholsters.com which work normally on desktop, but in mobile they have have a separate drop-down arrow icon inside the hamburger menu that opens the drop-down menu, separated from the actual “Shop Now” link block.
Sorry if this all sounds too confusing…
Here is my public share link: https://preview.webflow.com/preview/baselcellars?utm_medium=preview_link&utm_source=designer&utm_content=baselcellars&preview=4469e6c2822a43c45bd4b39fa0eaa2a2&mode=preview
Here is my live website (currently without “Events” and “Booking” dropdown headings linked so they can still be accessed on mobile.) : https://www.baselcellars.com/