Suffixes nomobile notablet do not work correct

Responsive Joomla template for Entertainment and Music purpose with clean and lightweight design.
GK User
Fri Jan 18, 2013 9:28 am
My problem: When I want to filter some moduls for mobile oder tablet or to block some moduls for mobile or tablet the suffixes nomobile notablet etc do not work.

If I use nomobile for example the module is blocked on mobile AND on all other devices like normal browser on windows laptop etc.

can you give us some hints?
User avatar
Fresh Boarder

teitbite
Sat Jan 19, 2013 5:17 am
Hi

For start please make sure You are using the latest version of the template. I remember some changes were done to this suffixes some time ago. Than please show me Your site.
User avatar
Moderator

GK User
Mon Jan 21, 2013 4:15 pm
teitbite wrote:Hi

For start please make sure You are using the latest version of the template. I remember some changes were done to this suffixes some time ago. Than please show me Your site.


we are using the latest version, but it doesnt work. please have a look http://90minuten.at/90minuten2013/

if i use the suffix nomobile f.e. the module is also blocked in desktop-browser, etc.
User avatar
Fresh Boarder

teitbite
Tue Jan 22, 2013 2:42 am
Hi

Can You please tell me where to look for an example of such module. When I search a sorce code of frontpage I do not see "nomobile" or "notablet" anywhere.
User avatar
Moderator

GK User
Tue Jan 22, 2013 8:24 am
teitbite wrote:Hi

Can You please tell me where to look for an example of such module. When I search a sorce code of frontpage I do not see "nomobile" or "notablet" anywhere.


now we have marked the module "mystickerbook.at" (position sidebar) with nomobile and the result is, that the module is blocked on all devices and browsers. thanks for your help.
User avatar
Fresh Boarder

teitbite
Wed Jan 23, 2013 1:59 am
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;
}
}
User avatar
Moderator

GK User
Thu Jan 24, 2013 11:02 am
teitbite wrote: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;
}
}


thanks - works!
User avatar
Fresh Boarder

teitbite
Fri Jan 25, 2013 4:33 pm
Hi

No problem. Glad I could help :)
User avatar
Moderator

GK User
Sat Nov 16, 2013 12:51 am
I have added this code to my overide.css but when I enable CSS overide from the template settings, both the desktop and mobile devices are directed to the mobile version. Is there something am missing please?

I need help

Thanks
User avatar
Senior Boarder

teitbite
Tue Nov 19, 2013 2:05 am
Hi

What do You mean by "directed to the mobile version". Can I please see Your site ?
User avatar
Moderator


cron