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?

1

Best Answer

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"/>

Random Posts

Swift - How to use CodingKeys to map an Int to a custom enum?MySQL: ALTER TABLE if column not existsHow to convert a NumPy array to PIL image applying matplotlib colormapC++ rand() each number only onceSuggestion for template book for C++? [closed]Why am I getting an missing ')' identifier error in the following code?My new Github Page is not showing up. What am I doing wrong?What are the pros and cons of git-flow vs github-flow? [closed]Using Apache-PHP as a Runner in AWS Cloud9Is there an npm module to modify a pdf file in node.js?Rails memory leak: controller class holding a reference to instanceParse Error: The server returned a malformed response - Error: Parse Error: Expected HTTP/ - when trying to access one of my app URLs with postmanHow to change the per-language configuration of setting "editor.insertSpaces" to "auto"How to reference nested classes with css?ORA-03150: end-of-file on communication channel for database linkCommunicating with an FM-503 RFID Reader with ASCII encodingRate and sleep function in RCLPY library for ROS2How to know if a react native app goes to background?ggplot2 multiple sub groups of a bar chartHow Could I Write a helper function which is query from mongodb , and then can call this func for any ejs template