Use the Bootstrap 3 classes named .visible- and .hidden- with our favth- prefix to hide/show different modules for desktop, tablet or mobile. These responsive utility classes are:

FavThemes tutorial for Bootstrap visible and hidden responsive utility classes

The screenshot is taken from the Bootstrap 3 official documentation, so please see the original source for the responsive utility classes documentation.

Please don't forget to add the "favth-" prefix before any of these names (ex: favth-hidden-xs).

To use the visible and hidden classes, insert the name of the class inside the Module Class Suffix field inside the Advanced settings of the module:

FavThemes tutorial for Bootstrap visible and hidden classes inside the module settings

For these classes to work, you need to insert a space before the name of the class (by pressing the spacebar key from your keyboard).

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.