Header image on large screens

Hi
Where is the code that controls how the header image resizes?
When resizing my browser window to 1386 wide the main image was massively increasing in size.
I included a max-height to prevent this in the #gk-header { template css but when the browser goes wider than 1386 I'm losing the text placed in the header widget:
http://origin8-test.com/alex/

Thanks
Andy

Hi,

The header background has "cover" property to cover the header, you can change it by adding the following code into John/css/override.css file (first, please enable this override option from template options -> Advanced tab):

Code: Select all

.gk-header-bg {
background-size: auto;
}


I did want the image to cover the header. I'm just now sure why when the browser window goes over 1386 pixels wide the image increases in size so dramatically. And, as stated effects the header text.
Thanks

Could you please send me a content of your header text widget or send me a PM with backend access to your website?