[Jan Op Gen Oorth]

Good morning,

I purchased the Photofocus Pro yesterday and started to build my page. So far I am making some progress. The only thing I cannot find a solution for at the moment is the header image. It’s not responsive for mobile devices and far too big when I check the page on my iphone. The Url is http://opgenoorth-art.com/

Thank you for your support,

Jna

[Skandha]

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

.custom-header-media img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
}
.custom-header-media img {
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
}
.has-header-media .custom-header-media .wp-custom-header img {
    display: block;
}
.custom-header .wrapper::before {
    background-image: unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[Jan Op Gen Oorth]

Hi Skandha,

I did, vertically holding the iphone there is some improvement but not perfect. Horizontically holding it’s worse than before.

Kind regards,

Jan

[Skandha]

@janopgenoorth: Hello Jan,
Can you try using the recommended image size of 1920*1080px for the Header Image?

Kind Regards,
Skandha

[Author]

Posts