Making your module responsive

Since Joomla! 3 is mobile-friendly by default, you should also make your module mobile-friendly too. Mobile devices have very small screens, so we can hide the unnecessary details and just show the important information to the mobile users, but still show the additional information to our desktop users. We can take advantage of Bootstrap and apply some classes that will do all the hard work. Obviously this assumes that the user's template is using Bootstrap.

Edit the file /administrator/modules/mod_latestextensions/tmpl/default.php and modify the class on the type and ID columns as follows. Don't forget to get rid of the template override from the previous section, otherwise you are not going to see your changes.

Get Learning Joomla! 3 Extension Development - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.