A way to only use a CSS class on non mobile devices

Question

So, I need a way to so that a CSS class is only used by desktops (Normal Screen). Eg:

.class {
  position: fixed;
}

Is only used on desktops.

Check this entry http://stackoverflow.com/questions/6666907/how-to-detect-a-mobile-device-with-javascript there you could find the way in the answers — Oldskultxo, Jan 24 '16 at 00:37

score 8 · Accepted Answer · answered Jan 24 '16 at 00:33

8

Although it's not desktop specific, you can limit it to the screen based on the screen size with a media rule around it, like so:

@media screen and (min-width: 640px) {
    .class {
        position: fixed;
    }
}

This would limit your rule to only be applied if the monitor was at least 640 pixels wide, larger than a smartphone (today, anyway).

answered Jan 24 '16 at 00:33

argoc

this also works with js. var screenWidth = $( window ).width(); if ( screenWidth < 800){your code} – damiano celent Jan 24 '16 at 01:20

1 Answers1