Assign modules based on device type or screen size

Buldre

Hello,

Is there a possibility with JA Magz II to assign modules to different units, similar to what is described in the articles I gave you links to, or in a different way?

And if so, do you have a list of module class suffix?

saguaros

May I know which Joomla version are you using?

You can use associated Bootstrap classes for the module class suffix --- the same with the reference links you shared above.

Buldre

saguaros Hi. I now found this guide from JoomlArt:
https://www.joomlart.com/documentation/joomla-faqs/css-related-issues

For a quick test of the guide, I tried to exclude the display of the module for desktop. I added this code to my custom.css file:

@media (max-width: 1200px){ .t3-module.module hidden-lg { display: none; } }

And under Module Class Suffix in the module, I added this:
hidden-lg

But I couldn't get it to work, the module still appears on desktops. I don't know why, is the code I used wrong? Or is there a conflict in the custom.css file? (Please see my link). I first tried 768px in the first code, which didn't work either.

Buldre

Hi,

I am using Joomla 6.0.1 with JA Magz II version 2.2.0 and T3 version 3.3.1. Unfortunately, no classes work, such as .hidden-phone or .d-none .d-sm-block. In the meantime I have found an old thread here:
https://www.joomlart.com/forums/topic/hide-a-module-for-mobile-view/

Which refers to:
https://getbootstrap.com/docs/3.3/css/#responsive-utilities-classes

But a name like .hidden-xs, doesn't work either, with or without a space in front, and without a period. I'm also interested in how several classes can be combined to make it correct, like .hidden-xs in combination with .hidden-print.

I hope you can help. Thanks!