How to adjust header image size in post page?

How to adjust image size in post page? Image is stretching in slider.

In the below link standing man head is going out of the screen. Do I get CSS code to fix the image.


A solution would be to make the header image smaller on mobile.
To give this a go please add the following code in Appearance > Customize > Additional CSS:

@media screen and (max-width: 700px) { #header {
    height: 330px;

Please give this a try and let me know how it goes!

All the best,

Its’ not for mobile it’s for desktop.

Hey there

For better understanding, please add this css temporary in appearance > customize > additional css:

header#header {
    background-size: contain;

Now you see image doesn’t have enough width to cover full section of the header, this means you need wider images, try something 1980*800 px, no css is needed to fix such problems just use proper images :slight_smile: