I hope to have Google Maps displayed on the website philsbikeshop.com when viewing from a desktop, but disappear when viewing from a mobile phone. The reason is that because the map spans across the page, it is nearly impossible to scroll the page beyond the map when on an iPhone (unfortunately finger swipes control the map).
Is there a CSS class or something that I can assign to the map element so that it will disappear for the mobile version? Even better, I'd like to have it be replaced with a small static picture of a map.
The theme is single column Blaskan.
I DID NOT buy custom CSS privileges and hope that I won't have to.
The blog I need help with is philsbikeshop.com.