This template is responsive, so it adapts to the size of the mobile device. You can also see this on a desktop computer when you decrease the size of your browser. But it's worth hiding some of the modules on mobiles, because the order of the content of the website corresponds to the order of that in the source code. For this purpose you can use some css classes for the modules in the "Module class suffix". E.g. type

(space)hidden-phone

into the "Module class suffix" if you want to hide a module from mobile phones. You can read more about this topic if you click here.

Custom HTML module9

This is the 2nd module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module10

This is the 3rd module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module8

This is the 1st module in module position user2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Custom HTML module11

This is the 1st module in module position user7. Its width is set by the "Bootstrap size" parameter in the module settings.

Joomla templates by a4joomla