Loading a module only if viewed on mobile

[Forsh]

Is there a way to get a Joomla module to only display on a mobile view and another way to display only on a desktop view? I am having trouble with images looking terrible when one image is showing for both views. I would like to have two variations of one module but only one module will load depending on the view. Looking for native Joomla solution if possible or maybe a plugin. Not a new component like SP Pagebuilder, I know that can do it, just looking for my mainpage image module to have this functionality if there's any possibility of doing this.

[artonweb]

Hello.
If you are designing a new website you can use the template heliχ Ultimate of JoomShaper which gives you the possibility to display modules only on specific resolutions of screens.

[Cnossos]

To keep it very simple, you may want to assign a css class to each module, in the 'advanced' tab of the module manager. For example 'mobile-only' and 'desktop-only'. Then, in your custom css file (and depending on your own break points of course), you could have something like:

@media screen and (max-width: 959px) {
.desktop-only {
display: none;
}
}

@media screen and (min-width: 960px) {
.mobile-only {
display: none;
}
}

Something like this?

[pablop76]

Joomla uses bootstrap 5. So you can use ready-made classes
use responsive display classes for showing and hiding elements