How to Use Responsive Utility Classes to Show and Hide Content

By JB Roth on Wednesday, November 06, 2013

How to Use Responsive Utility Classes to Show and Hide Content
Often when creating a responsive site, you'll want to quickly hide or show a Page Element or Widget when your site collapses down to fit tablets and smartphones, or expands for desktop. 

Our platform provides you with a number of simple responsive utility classes that need only be placed into the "Styles" Tab in any widget's Settings.

The styles are:

  • .visible-phone
  • .visible-tablet
  • .visible-desktop
  • .hidden-phone
  • .hidden-tablet
  • .hidden-desktop

Try it out! These classes make it super easy:



Need help? Ask questions on the community forum or browse documentation in the Moboom Manual


DevKit Templates

Find the website template you want in the Moboom Market