i have 3 break point at the moment:
1- max-width: 480px (smartphones)
2- min-width: 481 (tablets)
3- min-width: 769 (desktop)
the issue: on smartphones and tablets my horizontal drop down menu becomes a vertical list that is opened by clicking on a menu link. all works but: on a 7 inch tablet LANDSCAPE and 10 inch tablet LANDSCAPE, the regular menu appears. and hover does not work on touch devices.
i have tried to make the desktop start with min-width: 1025, and it works but i do not want people with small PC screens to get the tablet list.
is there a way around it? or with todays PC screens, most likly people will not get the list?