Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #277495
    Jan Op Gen Oorth
    Participant

    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

    #277535
    Skandha
    Participant

    @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

    #277577
    Jan Op Gen Oorth
    Participant

    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

    #277665
    Skandha
    Participant

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

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Image not Responsive for Iphone’ is closed to new replies.