Backgroun header image no responsive

[Guillermo]

I would like that when I am the laptop that the header image adapts to the screen, how can I do that? You will see in the picture. Thank you. Thank you.

https://imgur.com/a/oTY55pS

[Sonnal S Sinha]

Hi,

Kindly use this CSS

@media screen and (max-width:767px) {
.page .page_head_bg, .page .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
}

Regards,
Brad

[Guillermo]

Thank you

[Guillermo]

The responsive works but when it is on the “Posts Header Background Image” the responsive does not work, thank you in advance

https://imgur.com/a/6FIKuJu

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.page .page_head_bg, .page .post_head_bg, .single .page_head_bg, .single .post_head_bg { background-size:100% auto !important; background-position:center 30px !important; min-height:140px !important; background-color:#000 !important;}
}

Regards,
Brad

[Author]

Posts