Public Ticket #2263336
header image is perfect on desktop - mobile does not scale


  •  3
    mal1 started the conversation


    i have an issue with the site header image.  it looks good on desktop but on mobile the lateral sides are both cutting off the image by 10%, and it does not resize.   How can i fix this or what is the ideal image size?   thanks. 

  •  550
    Gabriel replied

    Hi, image is set as background so this is normal. Depending on screen size, you will see more or less of the image, as it tries to fill the screen each time.

    There's a workaround for this, but it won't cover all screen sizes. Add this to Theme Options - Customizations - CSS Global:

    @media (max-width: 767px) {
    div#section_5ZtkF.section-bg-image {
        background-size: 230%;
    } }