[deirdrebeth]

I cannot get the header image to shrink, instead it just cuts off the sides on http://www.writersdrinkingcoffee.com for tablet or mobile

Currently the image is larger than the suggested size, but the behavior is identical when it’s altered to be exactly 1920×1080

I’m about to resort to making a child-theme and recoding, but it *says* it’s responsive so I must be missing something

[sapana]

@deirdrebeth:Actually, header image is in responsive view the header will get cropped and this is how the theme is designed.
However, the whole image can be displayed using the CSS in responsive view but header image size will be decreased.
Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

@media screen and (max-width: 1024px) {
    .custom-header .wrapper::before {
        background-size: contain;
    }
}

@media screen and (max-width: 750px) {
    .custom-header .wrapper::before {
        background-size: contain;
    }
}

let me know if this works out!
Kind Regards,
Sapana

[deirdrebeth]

Thank you! This worked perfectly 🙂

[sapana]

@deirdrebeth: Hello, there,I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?https://wordpress.org/support/theme/euphony/reviews/#new-post Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.Thanks, and if there’s anything else at all that I can do to help,don’t hesitate to let me know.

Kind Regards,
Sapana

[deirdrebeth]

Done 🙂

[Author]

Posts