BG header image

Hi, could u help me with the following problem:
There are two links:
Your home-demo page - https://demo.gavick.com/joomla3/quark_ecommerce/
Your blog-demo page - https://demo.gavick.com/joomla3/quark_e ... x.php/blog

Size of BG image of these two pages regulates by different parts of code:
1. On home page BG image always fulfills whole area of visible part.
2. On the second example size of BG image is regulated by following rules:

Code: Select all

@media screen and (max-width: 640px)
#gkHeaderMod, .blog-page > .header, .single-page > .header, .search-page .header {
    height: 360px;
}
@media screen and (max-width: 840px)
#gkHeaderMod, .blog-page > .header, .single-page > .header, .search-page .header {
    height: 440px;
}
@media screen and (max-width: 1040px)
#gkHeaderMod, .blog-page > .header, .single-page > .header, .search-page .header {
    height: 480px;
}

and so on.

So here is my question, how can I display blog page in the same way as home, in other words: what should I do to make this BG image always be "fullscreen"?

Currently there is no easy way to do so. Homepage html structure is different and it uses java script to set header height, while any subpage is missing this functionality.

Uh.. That's really bad, so what is the hard way to reach this aim?

And U know, actually the problem is a little bit different from what I wrote before. Cause on my site I cannot fullfil home page by BG image: http://vlaber.com.ua/new/index.php/ru/

Hey, guys, so what is the answer? I do really need this feature. Cause I see on your home demo page that BG image always stays fullscreened, and as I bought your template, i want to see my home page in the same way.

I would start from finding out why some plugin causes problems in javascripts:

Code: Select all

Uncaught ReferenceError: SqueezeBox is not defined


the problematic code:

Code: Select all

SqueezeBox.assign( $( 'a.modal' ).get(), { parse: 'rel' });


doesn't look as something from our template.

If there is any javascript error, other scripts doesn't fire, so the header doesn't change its height correctly.

Thanks, I've used your tips and fixed the problem. But BG image still doesn't look like yours. Any other suggestions, please!

It fills entire browser width and height... What is the problem?