Hide header module position with nomobile suffix not working

Hi,
I can hide some modules on mobile views with "nomobile" suffix, but cannot hide module on "header" position, doesn't work.I need to do that because I have to made some modifications on mobile view module.
My site is http://www.clinicaladental.com
thanks,
DN.

Hi,
please use this css code:

Code: Select all

@media only screen and (max-width: 480px) {
.frontpage #gkHeader {display:none !important;}
}

and on smartphones it will hide this area

Ok, but I need to hide a module (created for large screens) in this position, but I need to create a new one for mobile views. Your option disables #gkHeader for every module you publish in header position, right? so this not solve my problem.

yes,
so use this custom css only on that page where you need it, you're expert user I guess.
read: https://www.gavick.com/documentation/jo ... cted-pages

Hi oscar,
but I don't underestand at all. I think "nomobile" suffix is not working for header position. If I use it, for example, for sidebar, module is hide on mobile view, then I can create a new one for sidebar mobile view with suffix "onlymobile". This is what I want to do with header position.

It's quite possible,
so use following code instead

Code: Select all

@media (max-width: 480px) {
#gkHeader {display:none;}
}

and on mostly mobile device this area will hidden