My problem is that inside of my navigation bar, I have a dropdown that consists of two visual elements a word (link) and an arrow icon. In desktop and tablet view, the dropdown displays when clicking any of both elements. But in mobile landscape and mobile portrait, when the navigation is collapsed, it only works when clicking on the arrow icon. If the word is clicked the dropdown opens and closes immediately. I would like that in any viewport the dropdown stays open when clicking on the word. Does anyone know how to fix the problem?
Here’s the link to my project
And here’s the link to my website live
Thanks in advance for your time and help.