zurb/foundation — Issue #85: hide-on-phones and hide-on-tablets
Author: fredericlemay
Created: 2011-11-09 06:26:59+00:00
State: open

Let's say that I have an element that I want to hide on phones

#element.hide-on-phones

This will work when resizing my browser.

If I want to hide on tablets

#element.hide-on-tablets

and try to resize my browser, that element is always there no matter the screen size.

If I want to hide on both phones and tablets

#element.hide-on-phones.hide-on-tablets

well, that element will stay on the screen!

Try it with http://foundation.zurb.com/docs/layout.php. the message "You are on a smartphone like an iPhone or Android phone." will appear if you resize down your screen but the message "You are on a tablet device." will never appear.

Am I missing something?