[Resolved] Background image blurs on mobile

Home Forums Support [Resolved] Background image blurs on mobile

Home Forums Support Background image blurs on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #687863
    Piet Hein

    Hi guys,

    I’m using a picture of a spread-out deck of cards as background image for a website. This picture looks great on the preview of the customiser dashboard for mobile size, and also on Google developer preview there’s no problem.

    However, when I open the website on an actual mobile – or at least on a Samsung G5, Iphone SE and Moto G6, in Chrome, Safari or Samsung Internet – the browser zooms in and suddenly get a blurry image as a background and you can no longer see that there are cards behind the overlay.

    Do you have any idea why this is happening, or how I could fix it?

    Thank you,

    Piet

    GP Premium 1.7.2
    #687948
    David
    Staff
    Customer Support

    Hi there,

    so the background is set to cover, which is fine when viewing a landscape image on a landscape screen. When switching to mobile the portrait aspect then has to scale the image so as the height is covered.

    You may have better results with a Contained image that is set to repeat.

    #687959
    Piet Hein

    Thanks Leo,

    A lot better!

    Cheers,

    Piet

    #687961
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.