module on desktop and tablet but not visible on mobile

Hi,
I see this in template.css

/* tablet/mobile suffixes */
.onlydesktop { display: block; }
.onlytablet { display: none; }
.onlymobile { display: none; }

I need to hide a module on mobile but I want see it on tablet and on mobile.
If I set in advanced (css module):

onlydesktop

I see the module only on pc, and not on tablet and mobile while I would like to see the module also on tablet and not on mobile ...

how can I do?

tnx

You would need to create custom media query in override.css and show the module.

can you help me?

Yes, but I need more info. Which module? What is your site url?

tnx cyberek,
site must be offline until Friday, just I make it public I send you immediately in pvt the information you asked me.
Thanks for your help

Please write here not in PM, it will work much faster.

hi,
the pages are:
http://www.rotarybacasamassima.it/events
and
http://www.rotarybacasamassima.it/compo ... le?Itemid=
here there are two modules in "top 1" position (map) that now with css setted in adwanced "onlydesktop" I see only on desktop but I would like to see the modules also in tablet mode and not on mobile (smartphones)

tnx

Please disable css compression first.

done!

Css compression is back there, so I'll try to provide something blindly...

Code: Select all

@media (min-width: 640px){
    #gkTop1 .onlydesktop {
        display: block !important;   
    }   
}


This should show a module posted in gkTop1 position having onlydesktop suffix on devices with width equal and above 640px.

I see css compression "disable" in template settings... If you want I send you in pvt admin access?

however this css not seem to change anything ... on tablet I still do not see the module unfortunately ...

You still have some kind of css compression enabled. Maybe by other module or something. Please verify that. Without uncompressed css I can't check where the problem is.

I want to solve this thing with your help.I can then send in pvt access data please?

No, please disable css compression and all will go well.

try now please... I've disabled JCH Optimize maybe it was him...

From what I see now the module shows on browsers with width over 640px. You can modify 640px value to your liking.

ipad have 1024px resolution and I don't see the module...

Maybe we are talking about different modules? I'm checking the map and it is there - on iPad.

Yes sorry, now I see it

Is there anything else I can help you with regarding this topic?