Need best way to hide/prevent display of particular pages when viewed from mobile devices
Permalink
I have a few pages with quirky formatting onhttp://www.azselfstorage.org that I'd like to hide when viewed from a mobile device. We created this site a few years ago and didn't include responsive CSS. I've recently "reskinned" the website and added a sort of catch all responsive design for anything less than a standard full width screen. I like the end result with the exception of a couple pages; this one in particular (http://azselfstorage.org/storage-information/storage-calculator). I'd like it and any others that give me grief to NOT to be accessible at all via navigation, not just certain elements/blocks within the page that could be hidden via CSS "display: none".
Is there an easy way to accomplish this? I'll admit that I'm being a bit lazy to some degree because I could spend some extra time on the CSS of the various problem pages, but I'd rather just not deal at this point to be honest because this is NOT a paying gig and I maintain the website at no charge for the association.
The site is running 5.6.2.1
Is there an easy way to accomplish this? I'll admit that I'm being a bit lazy to some degree because I could spend some extra time on the CSS of the various problem pages, but I'd rather just not deal at this point to be honest because this is NOT a paying gig and I maintain the website at no charge for the association.
The site is running 5.6.2.1