Menu icon Foundation
How can I use visibility class to show "small" button for small and medium screens only?

I want to show a "small" button for small and medium sized screens and show a "large" button for large screens only.

visibility class

I want to show a "small" button for small and medium sized screens and show a "large" button for large screens only.

This post has been closed. No new replies can be added.

dims almost 4 years ago

if you want to use visibility class, yo have to create 2 buttons one for large and on from small/medium

and use .show-for-large-up class on large button
use .hide-for-large-up on small buttom

Cathal almost 4 years ago

That work, thanks a lot.

      <button ng-click="activate()" type="submit" class="button right radius show-for-large-up" >Activate</button>
      <button ng-click="previous()" class="button right radius show-for-large-up" >Previous</button>
      <button ng-click="activate()" type="submit" class="button small right radius hide-for-large-up" >Activate</button>
      <button ng-click="previous()" class="button small right radius hide-for-large-up" >Previous</button>