Hi, I am to hide content from the the lowest screen size (mobile) using a foundation framework but not having any success.
I am using the display: none in the position menu which incidentally works fine if I want to hide content for the bigger breakpoints but not for under the lowest breakpoint. What am I doing wrong? Having searched online too, is using position, display:none the best practice for hiding elements for different screen sizes.
Much appreciated.
Regards Phil

You have to set it to display: none for small screens, and then, at whichever breakpoint you want it to become visible, change it to display: block, inline, flex... anything but none.

Looks like you have done the exact opposite.

Thank you once again. I was hiding the content in the lower screen but forgetting to make it visible in the larger breakpoints. Cheers