no-mobile, no-tablet suffixes don't work at all

Hi,
I try to hide modules in topinfo and footer_nav position in mobile and tablet by using no-mobile and no-tablet suffixes, but nothing works.
Please help!
This is admin user and pw, in case you may need back-end login: "g__k"
My site: http://photohuynhlong.com
Thanks!

Hi,
I didn't saw suffix added to current code,
but ....

Maybe you will use easier method, for example :

@media (max-width: 640px) {
#gkFooter {display:none;}
}

To hide whole footer area in moblie view , do this same for selected class / ID etc.
It's quite easy, basics of CSS3. We also uses it in our code.

#tip 2
tablet - use: @media (max-width: 1040px)
small.tablet use: @media (max-width: 840px)
mobile- use: @media (max-width: 640px)

Hi Oscar,
Thank for your quick tips. But they don't help much. Your code works, but it will hide all the modules that display in a position (#gkFooter {display:none;}). That's not what we want. We just need to hide a specific module.
I don't really understand what you mean with "I didn't saw suffix added to current code". You mean I didn't apply suffixes correctly, or those suffixes don't exist in the original code of the template?

Hi again buddy,
I've applied those suffixes in some other positions, and they work fine. There're only three positions (as I've just tested one by one) they make no effect at all: topinfo, header and footer_nav.
In case you need to check if I add those suffixes correctly, please use the account info in my first post.
Thanks!

It means as you said , probably those suffix are not for all elements,
but my solutions works always.

Ok, I know your solution works, but it's not what we need from you, as a supporter.
Thank you anyway.

Probably there were hidden reasons why for those elements default suffix do not work. Another mystery.