I have a menu structure looking like:
menuitem1
- submenu1
- submenu11
- submenu12
- submenu13
- submenu2
- submenu21
- submenu22
menuitem2
menuitem3
..
On large screens, when I hover over "menuitem1" I see "submenu1" and "submenu2". When I hover over "submenu1" I see "submenu11", "submenu12" and "submenu13".
When I hover over "submenu2" I see "submenu21" and "submenu22".
This is how I want it to work.
On extra small screens, phones, whenI hover over "menuitem1" all submenus (1, 2, 11, 12, 13, 21 and 22) expand and are shown over each other.
This is not wat I want.
All settings are the same.
When looking with firefox and firebird I see classes .open pop up. This is the reason all submenus expand. I don't know how to solve this problem. Please help.
I hope my question is clear.