Issue with Header

The header image repeats many times when you see it on a larger screen.
Please see it http://meditarennicaragua.org/
How can I set it up to no repeat?

Hello,

You can use an image with bigger width or add this code into your style.css file (or override.css if you are using Child Theme).

Code: Select all

#gk-header-mod {
   background-repeat: no-repeat;
}


Thank You. That was super useful!

Hi.
There are 2 pics on my website for now : the header background, and the venue background (which translates by "lieu" in French, language of my website).
I would like the header background to appear just like the "venue" background.

The difference between the two is actually much clearer when you zoom in and zoom out on the webpage.
In fact, I would like this so that bigger screens can see the header pic just like smaller screens, and not have it repeated, or shortened.

Thank you for helping.
website : http://grandbastringue.com

Hi,
Try to add the following code into css/override.css file:

Code: Select all

#gk-header-mod {
   background-size: cover;
}


Worderful! Thank you.