How to hidden module in desktop version or mobile verion

Hello

I would like to show some module to desktop version and I need to hidden to mobile version.

Can I get code for Module Class Suffix to fix it ?

and more How to fix image to responsive?

my site : http://www.homeandlifestyledeco.com/index.php/en/

Hi

Use module class suffix as "nomobile". If this will not work simply add this code to override.css:

Code: Select all

@media only screen and (max-width:747px) {
.nomobile {
display: none !important;
}
}


for the images try add this to same css file:

Code: Select all

img {
max-width: 100%;
}


If I want to fix the module hidden desktop how to fix it?

Hi

You mean how to hide on desktop ?

Use module class suffix "nodesktop" and this code to override.css:

Code: Select all

@media only screen and (min-width:1024px) {
.nodesktop {
display: none !important;
}
}


Yes! perfect It's work!

Thank you.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro