Webflow Dropdown, Click to open on Tablet but Hover on Desktop

Design help Animations & Interactions
1

Hey All,

I know this is a question that’s been asked before on the forum however I believe it’s worthy of a revisit.

I want a navbar dropdown that opens on click on tablet but on hover on desktop.

I’ve seen threads such as this where Vincent helpfully suggests creating two navbars and hiding one and i’ve been able to get the desired effect using that method.

However I came across this template where they are achieving the correct effect with only a single navbar.

I’ve been working on this for a while now and I have tbh i’m completly stumped as to how they are achieving it. They have a custom animation to open/close on click for tablet and below and have “open on hover” checked. For them it seems to work but for me - nothing!! Can anybody help?

2

Anyone understand this? I’d love to know how it’s achieved. Had to just use the double dropdown display:none / display:block for tablet / desktop in the end. It works fine just seems less elegent somehow :slight_smile: