Featured image not stretching across screen

  • This topic has 7 replies, 3 voices, and was last updated 2 months ago by Helen Harvey.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1067705
    Helen Harvey
    Participant

    Hi There,

    I have uploaded featured images that are at least 2000 px wide however they are not being stretched across the screen. I have tried a number of images but they all seem to be being resized on the front end. The website url is http://www.therosegardenkenmare.com if you would like to take a look.

    Thanks for your help.

    Helen

    #1068851
    Andre Flores
    Moderator

    Hello Helen,

    I have checked your pages and the featured image is stretched to the whole content width on all of them: https://prnt.sc/y4mijw ->https://prnt.sc/y4mjt4.
    Let me know if you have managed to resolve the issue.

    Regards,
    Andre

    #1068971
    Helen Harvey
    Participant

    Hi there. That is strange the image is still not stretching on my screen. Or my clients screen.

    Image not stretching across the screen on my laptop

    Why would this be happening?

    #1069374
    Andre Flores
    Moderator

    Hello Helen,

    Kindly specify your screens resolution and the browser you are using as I do not see the same issue on my end.

    Regards,
    Andre

    #1069382
    Helen Harvey
    Participant

    My screen resolution is 1920 x 1080 and it is happening on both Google Chrome and Microsoft Edge.  My client is also experiencing the same issue on her laptop and another person I asked to check for me. So, I’m not sure why you are unable to see the problem. Could you try on another computer?

    Thanks,

    Helen

    #1071062
    Pavel Malina
    Participant

    i have same problem on arnosta.klapram.cz – why?

    #1071571
    Andre Flores
    Moderator

    Hello Helen and Pavel,

    Thank you for the information, Helen, I was finally able to replicate the issue – it does not exist in Firefox, but does exist in Chrome/Edge.
    I have already passed the request for further investigation to our developers. As a temporary solution you may add the following code under Appearance ->Customize ->Additional CSS:

    /*Header images fix*/
    .header-image img {
        max-height: none;
        max-width: none;
    }
    /*================*/ 

    Regards,
    Andre

    #1071587
    Helen Harvey
    Participant

    Thanks so much!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.