Header image only responsive larger, not smaller

Tagged: header, responsive

This topic has 4 replies, 2 voices, and was last updated 5 years, 5 months ago by deirdrebeth.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
June 13, 2019 at 5:50 pm #174955

deirdrebeth
Participant

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

June 14, 2019 at 12:22 am #174973
sapana
Participant
@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
June 14, 2019 at 10:07 pm #175020

deirdrebeth
Participant

Thank you! This worked perfectly 🙂

June 16, 2019 at 11:47 pm #175085

sapana
Participant

@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

June 17, 2019 at 12:33 am #175100

deirdrebeth
Participant

Done 🙂
Author

Posts