How to hide content from Mobile version of site

ignatius3

Hi,

Is there a way, in Joomla 3 to hide...

(1) menu items, or
(2) articles, or
(3) modules

... from mobile view. Some pages or modules do not look good at all, and it would be simpler to hide them than to fix them. The mobile site would, in effect, become a shorter version of the desktop site.

Alternatively, would it be possible to replace a module for another for the same menu item?

Alternatively, would it be possible to use another template for the mobile version of the site?

Thank you.

saguaros

ignatius3 Hi

If you want to hide module from specific view (mobile / tablet/ desktop), you can utilize the utility classes of Bootstrap: https://getbootstrap.com/docs/3.4/css/#responsive-utilities

Regards

ignatius3

Where should I enter this information? It does not seem to work when the class is entered in the "Advanced/Header Class" field of the module.

Thank you,
John

saguaros

Hi John,

Try to put into the Module Class Suffix field and remember to remove the dot and put a space before the class name.

ignatius3

It worked. Thank you very much.

saguaros

You're welcome 😉