I am making a Joomla! site with 3 level 1 menus that break down into multiple submenus.
The site works wonderfully on Desktop as the sub-menus appear on hover.
On touch devices though, i am not able to make the dropdowns appear as i cannot simulate the hover event. When i tap on the level 1 items, the browser follows the links instead of opening the dropdown items.
I am looking for a way to make them non-clickable on touch, or maybe 1st tap should open the dropdown and second tap follow the link.
I have tried making the 1st level menus text separators or menu headings, which disables them in desktop too and works ok.
I am ok with that but, in that case i need a way to add content to those paths, so that if someone manually enters the address gets some content.
Thanks in advance