Page Header Image

Whenever I add the top header picture to the pages it looks really nice in the beginning but when I save the changes, the theme automatically zooms in on the photo making it look ugly. I’ve tried both cover and contain and neither of them seemed to work. Is there some type of CSS to override the setting and to keep it from zooming in or moving?

I’ve attached pictures to show you what I mean. Website is https://steppingstoneenglish.com.

Thank you

Hello there,

I hope you are doing well today.

You can use the following CSS code to fix the header image by going to Appearance > Customize > Additional CSS and pasting it there.

/*Header image zoom fix*/
#header {
    background-attachment: inherit !important;
}

Best Regards,
Support

Awesome it worked! Thanks

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support