Hi! I’ve created many dropdowns inside a nav-bar dropdown. They work great! But in the mobile view, only happens with the mobile itself, not on the PC: https://www.fisioimoviment.com/pagina-de-prova
when you click on the first-grade dropdown arrow, QUÈ FEM,
this dropdown doesn’t work, the dropdown doesn’t open, it opens instead the link that would lie underneath the dropdown menu.
I’ve tried everything, changing open-on-hover even. But the last second-grade drop-down keeps sending me to another page.
But if you open the drop-downs by order, the 1st, the 2nd, the 3rd and the 4th last, every dropdown works great!
Maybe it’s not a bug but i d’n hace a way to correct it!
Brando, thank’s. I’ve changed the link for a text but the problem still remains, on the mobile you open the ‘Osteo & Fisio’ dropdown, and then, if you open the third or fourth drop down (Embarassades or Entrenament-Personal) it behaves wrong, the link beneath the drop downs gets activated, instead of the dropdown itself.
Maybe it’s not really solvable. Thank you anyway!!
Hi, it does just the same, with the open on hover unselected. I you don’t open one by one, it fails to work well. I’m sorry for the trouble. I’ll try some other solution, but it’s kind of strange, isn’t it? I’ll try to build another dropdown from zero.
Thanks!!
Best of luck with the redev! It’s definitely trick to get nested dropdowns to work across all browsers and devices. It may be worth trying to build out a custom dropdown using interactions using something like this: Show and hide on click | Webflow University