[brney]

Hello,

I’m using the Euphony theme for my website.

The header image is not responsive.

When i watch it on a smartphone or a tablet the photo is cropped.

How can i make the phote scalable for smartphones and tablets.

See https://scrummusic.com

Thanks a million for your help.

Cheers,

Fred Bronius

[Skandha]

@brney: Hello Fred,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header .wrapper::before {
background-image: unset !important;
}
.has-header-media .custom-header-media .wp-custom-header img {
display: block !important;
}
.has-header-image.home .custom-header {
height: unset !important;
}

Let me know if this works out!

Kind Regards,

Skandha

[brney]

Hello Skandha,

Thanks for the reply.

It sort of works, so that is good

But now the logo is in front of a person, beheading them so to speak, when scalling it to a smartphone or tablet.

Is it possible to place the picture under the logo when scalling the website on a smartphone or tablet?

Thanks again.

 

Kind regards,

Fred Bronius

[Author]

Posts