Vise på touch-enhet, skjule på dataskjerm

[banansplitt™]

God morgen!

 

Har laget et design der man ved å holde over et av menyvalgene får en submeny som popper opp basert på CSS. Har fått tilbakemelding om at dette kan fungere dårlig på noen mobiler da det ikke finnes noe form for "hover" på en del touch-enheter. Det jeg da ønsker er å gjøre denne submenyen synlig hvis man feks er på mobil eller tablet, men beholde "hover"-funksjonen på PC.

 

Hvordan kan jeg gjøre dette?

Endret 28. april 2014 av banansplitt™

[Kaptein Snus]

Nå vet ikke jeg om du bruker noen rammeverk fra før eller om resten av siden er tilpasset mobil og tablets, men css rammeverket "foundation" fra zurb har noen egne klasser for å vise innhold basert på skjermstørrelse. Hvis det bare er denne funksjonen du er ute etter så er kanskje foundation litt overkill, men du kan jo alltids ta en kikk i kildekoden deres for å finne ut hvordan de har gjort det

 

http://foundation.zurb.com/docs/components/visibility.html