Displaying Modules/Menus on Mobile Devices

CloudBase 3 is a template based on the Gantry4 Framework, which uses Bootstrap, a responsive grid system. A useful feature of Bootstrap is the collection of responsive utility classes that can be used to help tweak layouts by providing a simple method of showing or hiding modules. Insert the support classes below into your module settings to show or hide a module for a particular device. 

When creating a module, click on the Advanced tab and enter the support class in the Module Class Suffix field. 

Important: If the class inserted in Module Class Suffix field doesn't take the effect, please add a space before its name.

When creating a menu item, click on the Dropdown Menu Options tab and enter the support class in the Custom CSS Class field.