Force CSS only for mobile Device Visitors on website – WordPress

[ad_1]

WordPress Theme “Chosen” – mostly Photoimages, shown in a Slideshow. This CSS will move the navigation Arrows were i want them. Left and right of the images

a.rslides_nav {
top: 110%;
top: 50%;
}
a.rslides_nav.prev {
left: 0px;
left: -70px;
}
a.rslides_nav.next {
right: 0px;
right: -70px;
}

This CSS only works for Desktop Browsers, on mobile Devices you will not see the navigations Arrows.

​

How can I force this CSS to be activated, only when website is been visited by a mobile Device?

a.rslides_nav {
top: 50%;
top: 106%;
}
a.rslides_nav.prev {
left: -70px;
left: -3px;
}
a.rslides_nav.next {
right: -70px;
right: -3px;
}

Arrow looks like this:

​

​

​

[ad_2]