Header image resize with screen resolution


#1

Is it possible to have the Header image resize with the screen res?

If I put it as contain instead of cover it doesn’t stick to the top of the page when it resizes and it doesn’t look good.

Beautiful theme otherwise!


#2

You answered your own question: contain doesn’t fully expand and cover doesn’t resize perfectly. That’s how background images work.


#3

Anyway to force the image to remain at the top though when it is resized?


#4

Yeap, you can use this in a custom CSS plugin or child theme:


.header-image {
    background-position: top center;
}


#5

Awesome! Thanks for the help that’s exactly what I was looking for.

Is there a way to see all the added feature of Sydney Pro in a bit more details than is on the Sydney Pro page before purchasing? Thanks!


#6

No, not at the moment. But feel free to ask if there’s something you’d need clarification for. Also, we offer refunds if it’s needed.