Background image cut off

  • Author
    Posts
  • #107589

    Hi,

    In desktop, my site doesn’t fully show the entire background image (unless Safari). On mobile it looks fine, though! Any idea why?

    Website: cyrusfarivar.com/blog

    #107725
    Zed
    Cryout Creations Team

    The display mode is dependent on the aspect ratio of the used image in comparison to the area it is displayed in. The image is almost square while it needs to be displayed in a wide rectangle (the screen), leading to vertical cropping.

    I suggest using an image with a similar aspect ratio as the area it is displayed in.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #107773

    But why does it render properly in some browsers and not others?

    #107872
    Zed
    Cryout Creations Team

    If you’re comparing it to Safari, on Safari we disable the special positioning and turn it into a plain background image because Safari has issues rendering images that are both cover-sized and fixed.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #107897

    Ok, so what is the best way to make the image render properly across all browsers? Does it need to be a certain size?

Viewing 5 posts - 1 through 5 (of 5 total)

You need to log in to reply to this topic.