size gk header-especially height

I understood from another post concerning this question that with of the header image is 1600, but while a cover every size will fit.
So far so good, but:

while the original steakhouse demo shows the header filling the full height of the screen -see attachment 2
my header image leaves a part below the image blank? - see attachment 1

How can i fix that in order to fill the whole with and height of the screen (usual laptop resolution)

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

I have the same issue. Could you post the answer when you have it?

Hi

Sorry. I've not get an url yet. Can You @natashaUX provide it so I'll be able to see the issue ?

I have the same issue

Hi

Hehe. Again.

I still haven't got any url to an example of this issue, so I'm not able to help and solve it. Please anyone of You who has this problem let me know an url to it.

I thought I sent this together with super user access in pm before?

http://hochzeitautomieten.claire-fisher.net/index.php/de/

Hi

Hehe. Again.

I still haven't got any url to an example of this issue, so I'm not able to help and solve it. Please anyone of You who has this problem let me know an url to it.

Hi,
any news / solution yet concerning my header height problem at:
http://hochzeitautomieten.claire-fisher.net/ ?

( I sent you the url and a test super user account with pm or did you not receive it?

Hi

Yes, You did, but without an url to forum thread, so I probably connected it with Your other question. Sorry, to many accesses and questions to remember everything.

I've talked with programmers and they said it was not made to cover full screen, but it can be adjusted with a height value placed in a scheme like this:

Code: Select all

@media (max-width: 2000px) {
#gkHeaderMod {
    height: 1000px;
}
}
@media (max-width: 1900px) {
#gkHeaderMod {
    height: 950px;
}
}
@media (max-width: 1800px) {
#gkHeaderMod {
    height: 900px;
}
}
@media (max-width: 1700px) {
#gkHeaderMod {
    height: 850px;
}
}
@media (max-width: 1600px) {
#gkHeaderMod {
    height: 800px;
}
}
@media (max-width: 1500px) {
#gkHeaderMod {
    height: 750px;
}
}
@media (max-height: 1400px) {
#gkHeaderMod {
    height: 700px;
}
}
@media (max-height: 1300px) {
#gkHeaderMod {
    height: 650px;
}
}
@media (max-height: 1200px) {
#gkHeaderMod {
    height: 600px;
}
}
@media (max-height: 1100px) {
#gkHeaderMod {
    height: 550px;
}
}
@media (max-height: 1000px) {
#gkHeaderMod {
    height: 500px;
}
}
@media (max-height: 900px) {
#gkHeaderMod {
    height: 450px;
}
}
@media (max-height: 800px) {
#gkHeaderMod {
    height: 400px;
}
}
@media (max-height: 700px) {
#gkHeaderMod {
    height: 350px;
}
}
@media (max-height: 600px) {
#gkHeaderMod {
    height: 300px;
}
}
@media (max-height: 500px) {
#gkHeaderMod {
    height: 250px;
}
}


Of course some of this elements needs to be adjusted, becuase it's more connected with browser settings and height of its bars.

Anyway try this code in override.css when override is enabled in template setitngs.


I got one other idea. To add a script to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">
   (function($) {
   $(document).ready(function() {
      function checkForChanges() {
                        $('#gkHeaderMod').height($(window).height());
         setTimeout(checkForChanges, 50);
      }

      $(checkForChanges);
   });
   })(jQuery)
</script>



Code: Select all

<script type="text/javascript">
   (function($) {
   $(document).ready(function() {
      function checkForChanges() {
                        $('#gkHeaderMod').height($(window).height());
         setTimeout(checkForChanges, 50);
      }

      $(checkForChanges);
   });
   })(jQuery)


But i have a syntax error

I think I found a solution for my problem - 2 reasons:

I missed the icons in gk-short menu - now I started testing with some other
And also the height seems to be adjusted by the height of the main logo.

Oscar E gave me the hint to add some padding bottom:
https://www.gavick.com/forums/steak-house-joomla3/different-backgrounds-when-scrolling-down-41553.html

Anyway, frontpage header_bg does fit now: http://hochzeitsautomieten.de/

(don't look at the icons in gk menu - i am testing

Hi

It does work partially, for some screens dimentions only. Mine script is counting the height available and uses full available space.

If You see syntax error than it must be pasted in a wrong place. please send me a /layout/blocks/head.php file so I'll include it and resend.

ok,
here it is
b.t.w. I meant to have solved that problem with change of logo height and gk_shortmenu icons?
But may be on different browsers it does not work out well.

Hi

I'm sorry but no file got attached. You need to click "Add file" button before submitting the post.

Can You please remind me what was the problem with logo height and icons ? I do not see this issues listed in this thread.

Hi

@sitecolors I got Your PM regarding this thread, but I cannot access Your site to check. All I can see following Your address is "Denied by server security system".

Hello teitbite

For me works fine, see acess details to backoffice im my PM please

If you have problems please say

Thanks

Hi

Than I believe it's blocked by country IP. Can You please ask support to allow it for a day or two.

Hello

I have asked for access to the site, when I have a answer i tell you

Thanks

Hi Teitbite

Please try now, support change the settings

if you can not access please tell

Thanks

Hi

I've tried and looks like problem is different is server cache. I've made all the changes required, but my code is not showing on Your site. Still can see old files being loaded. Can You check if server cache is enabled and disable it for couple of days.