[WH]

My header in 1300 × 249, but it’s stretching out on most devices except for mobile and other small screens. What can I do to stop it from stretching on larger screens? I tried making 1920 × 249, but it still stretched.

Is there a setting I can use?  Your help is appreciated. https://www.iamhrsinclair.com/

[vako]

Hi WH,

 

Can you please describe the issue you have in more detail? Please share a direct link to the page where the issue appears and for more clarifications, please share screenshots of the issue.

 

Kind Regards

[WH]

The link is in the original post (https://www.iamhrsinclair.com/). It’s the header image that appears at the top of every page. The image appears stretched and making the header blurry/fuzzy. It’s easiest to see in the letters.

A screenshot of what I see: https://blogger.googleusercontent.com/img/a/AVvXsEiOXIR2mC94EOtWsJeEiZcvzgn3Qp3S2JvmQxcm13ff3U50AjT0C0nWGZdywncmgNrP9BT4yFNP4kGhVfneL4ybTEppcUb0CKNPTd9x7yb2Chbau4IKTx0T7zH1z_wm6kuyDmYC1GmT_UmJ-LYjH_pJGyZB60EMzogIw9l5xkWQbTxCj2WI0uodISvO

The header itself: https://blogger.googleusercontent.com/img/a/AVvXsEiMNd4Ms_GD5BnOeVr1QN7pnW-SVQkFGcEnBWxuneTWTXW_CoCB7LOmp1XalyEJCaopjJWSB2uP8jZHaXaDrfplZyJxeRm6BWXm1CsGYI8ffZPlyxlV0xoZ25_Z5OlYRSU8wuaZGoyJxmwVBP45YEzzqwAnt18IMyBhE2c0Dg7M4k7VtNDbla_xempE

[vako]

Hi WH,

 

We can reproduce the same issue on our and, all we see is a clear header image without any issue, please share screen size you see the issue on and we will try our best to help, but before please try to upload 2x bigger image for better quality.

 

Kind Regards

[WH]

Making the image bigger does not increase the quality. If the image isn’t stretched the quality is fine. If you look at the site on https://screenfly.org/ you can see what’s happening.

Is it that this theme just needs the header to be 1300 × 500? And we just can’t have a shorter header?

Is there a way to make it so the header is not responsive?

[vako]

Hi WH,

 

I will redirect this topic to the developer’s board and they will contact you.

 

Kind Regards

[WH]

Thanks. I appreciate it.

[vako]

Hi WH,

 

Sorry for the late reply we were off for a while.

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

.entry-header {

max-width: 1920px;

margin: 0 auto;

}

#page-header {

background-color: #000 !important;

}

 

Kind Regards

[Author]

Posts