Module suffixes nomobile and notablet

Please advice how to make the nomobile and notablet suffixes to work for modules inside msocial positions.

Hi

I think the correct suffix it "no-mobile" and "no-tablet". If this would not work, than the css code to add this functionality would be:

Code: Select all

@media only screen and (min-width:720px) and (max-width: 985px) {
.no-tablet { display: none !Important; }
}

@media only screen and (max-width:719px) {
.no-mobile { display: none !Important; }
}


in override.css , right ?

not working ...

Please support this issue

Hi

Tell me the url to Your site and tell me which module should be removed. I'll see what can be wrong.

any good news ?!

Hi

"lang" module position is special. It doesn't support regular module functions becuase it was designed to help a function to only show language switch module. In this case I would advice to just add a code to override.css

Code: Select all

@media only screen and (max-width:767px) {
#gkLang { display: none; }
}


still not working,
I've change the module position testing a few with ovverided suffix , but still not work. What position do you think will work for hiding on no-mobile and no-tablet suffix ?

Hi

I moved it back to lang module position, but the HTML structure is loaded outside of this module position. So to remove it You need a different code, not just to hide a module, but the whole product of this module. Try this code:

Code: Select all

@media only screen and (max-width:767px) {
#gkLang,
#jpwOverlay,
#jpWalkthrough,
#jpwClose { display: none; }


It work with this code : @media only screen and (max-width:767px) {
#gkLang,
#jpwOverlay,
#jpWalkthrough,
#jpwClose { display: none !Important; }
}
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