nomobile notablet issues

I'm having some problems. Any module that is assigned notablet or nomobile doesn't not show up at all on desktop view.

Hi

Please add this code to override.css and remember to allow using this file in template settings:

Code: Select all

/* tablet/mobile suffixes */
.notablet {
    display: block;
}
.nomobile {
    display: block;
}
.onlytablet {
    display: block;
}
.onlymobile {
    display: block;
}

@media only screen and (min-width:720px) and (max-width: 985px) {
.onlytablet {
    display: block;
}

.notablet {
    display: none;
}
}

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

.onlymobile {
    display: block;
}
}


This didn't entirely work. It did get modules to not show up on tablet and mobile; however, most modules with "notablet and nomobile" are broken on desktop mode. My custom HTML modules code is displayed in the background, filling up the entire wrapper.

Hi

I think I know what is the problem than. Please make sure You have a space in front of the module class suffix. This is important. Suffixes without space are to disable the default style and create Your own.

I do have a space, I assure you. I can pm you the login details if you'd like to see.

Yeah, definitely problems. The "onlymobile" still does not work much of the time.

Hi

Ok. Please send me an ftp access to Your site than. I'll check if code was entered properly.

Hi

There was a mistake in my code. .onlymobile { display: none; } of course as default

Fixed and working now.

Great. Thanks!

Hi!
How to hide an extension Highlighter GK5 and News Show Pro?

Hi

By adding a module class suffix " nomobile" in module settings. Or You can call to hide them directly from mobile.css file, but I will need to see the site to tell You the exact code.

Hi

I have looked inside source code but there is no "nomobile" suffix anywhere. Please tell me which module You want to hide, so I'll tell You a css suffix You will need to add to mobile.css to disable it.

Hi!
I need to hide the module Highlighter GK5 (Position "higlights") and a module News Show Pro GK5 (Position "breadcrumb").

Hi

Add this code to mobile.css:

Code: Select all

#gkHighlights, #gkBreadcrumb {
display: none !important;
}


Hi!
It works. Thank you!

Hi

This will remove whole this positions along with any modules published there, but since none of them supports module class suffixes than it's one of the accessible solutions. Other is more restrictive selectors, but I do not think You need it iso complex in this case.