sufix no-mobile in header

Hello!
Is it possible to set in one module position header, module-suffix: no-mobile. In the second module in the same position header, only-mobile?
At the moment it does not work

Hi

This module does not accept suffixes dues to design. You can enable it by editing file /layout/default.php line 202:

Code: Select all

             <jdoc:include type="modules" name="header" style="none" />


and replace it with:

Code: Select all

             <jdoc:include type="modules" name="header" style="gk_style" />


this action may break the layout. So maybe it's just better to refer to this element by CSS selector:

Code: Select all

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


Thank you
Given a partially solves my problem. I wish that instead of the video in the background with a still image. I wanted to resolve through two modules with prefix well-mobile and mobile. How to insert a picture for the mobile at a given solution?

Hi

I'm afraid I do not understand. Do You mean to have an image in background only in mobile ? Try this code:

Code: Select all

@media only screen and (max-width:767px) {
#gkHeaderMod {
background-image: url(../image/bg.jpg);
}
}


Did not work. Unfortunately, that does not solve the problem.
How to get HEADER effects such as quark templatet restaurant on the home page under the heading bottom3 - on the big screen video on mobile = graphics?

Hi

This should work, so please tell me the url to Your site so I'll check what can be wrong.

Hi

Thank You for PM. I think I've finally understood Try this code:

Code: Select all

@media only screen and (max-width:767px) {
#gkHeaderMod {
background: url(../images/bg.jpg) no-repeat center center transparent;
}
#gkHeaderMod video {
display: none;
}
}


BINGO !!!
It works !
Thanks a lot