hide floating on mobile

This plugin is awesome. The only issue i have is with mobile which will be a huge number of users. It covers the content and does not resize on mobile....making the site unusable for visitors from smart phones.

There is another post with shortcode to add to css to hide floating widget on smaller screens/mobile
@media all and (max-width: 995px) {
.shr_v{display:none}
}

It did not work when i tried it.

Is there a way to hide only the floating widget when viewing from mobile device?