CODEWITHSUNDEEP
htmlcssmobilemedia-querieszurb-foundation
giodamelio
giodamelio

Reputation: 5605

Foundation hide-for-small not working

I am trying to use foundations hide-for-small class to hide my navbar on mobile. It doesn't appear to be having any affect. As far as I understand

<h1 class="hide-for-small">Hidden on Mobile</h1>

should show the element on my computer, but hide it on my iPhone.

What am I missing?

Upvotes: 3

Views: 1486

Answers (1)

giodamelio
giodamelio

Reputation: 5605

It turns out it was a simple mistake, I left out my viewport meta tag.

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Upvotes: 3

Related Questions