Anyone familiar with mobile visibility and zurbs foundation

Question

I am trying to hide a div on both a tablet device and a desktop. I am using zurbs foundation http://foundation.zurb.com/docs/layout.php to do so. However when I try to apply

Answer 1

Take a look at version 3 of Foundation: http://foundation.zurb.com/docs/media-queries.php & example in: http://foundation.zurb.com/mobile-example3.php

Use .show-for-small

If you need it for smaller device than 767px, roll your own mediaquery.

Cheers

Answer 2

You really need to check out this then.

http://www.w3schools.com/css/css_mediatypes.asp

You can define different types of Style Sheets for Different Types of Devices your Website is being viewed on.

Hope that helps! Aaron

Answer 3

.touch gets added by Modernizr to the body element - you don't need to do anything for that. It's so we can tell, when a device is 1280x768 for example, if it's a desktop or tablet.

The trick to the .hide-on-x and .show-on-x classes is that you only ever need one. There is an implied 'only' in there, as in 'hide-only-on-tablets'. That should be the only one you need.

(Source: https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/Whs4dZaS31U)

Answer 4

I think you only need one of them: https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/Whs4dZaS31U

I hope it helps