Menu icon Foundation
How to show "hide for small"

I have a left hand column that is hide for small. So on a phone you dont see it by default.

I am trying to show this with with jquery as a small-12 when a button is clicked.

Jquery seems to refuse to show it.

My aim is to have a column "large-2" to be invisible by default in mobile view, but in mobile view a user sees a button which when clicked shows the hidden large-2 as a small-12

Show

I have a left hand column that is hide for small. So on a phone you dont see it by default.

I am trying to show this with with jquery as a small-12 when a button is clicked.

Jquery seems to refuse to show it.

My aim is to have a column "large-2" to be invisible by default in mobile view, but in mobile view a user sees a button which when clicked shows the hidden large-2 as a small-12

Marc McGee about 5 years ago

Just duplicate your div for that column

On the large-2 use hide for small.

One the small-12 use show for small