I know how to solve the problem, but unfortunately this solution is related to poor conditions.
Open your style.css and search for the following:
## Structure
--------------------------------------------------------------*/
.site-header {
background-position: center top;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
position: relative;
The background-size is the one you want to change. This site explains you the possible values for the property:
w3schools
I choosed “contain” instead of “cover” and it worked great for the moment. BUT the header won’t be displayed correctly in the mobile version. Maybe you can find another way and this first step helps you out.
Has any of you found a solution to this problem? I’m trying to set my header image and it keeps zooming on the image so I cannot use it…
