troubleshooting Question

advice regarding media queries

Avatar of derrida
derrida asked on
CSS
5 Comments1 Solution228 ViewsLast Modified:
Hi
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?

best regards
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros