Full-height background image issue in chrome / ios

  • Resolved
    Posted in: Leepho WP  

  • Member
    robertboscacci
    September 11, 2014 at 9:23 am #4586

    Hi there,

    I’m getting pretty close to happy with my site. Just a few nitpicky things:

    https://robertboscacci.com/

    How do I get it to show the entire height of my landing page image when it’s full-screen (1920×779 on iMac) in chrome? It seems to cut off the image of the girl at the ankles.

    Then when I view it on safari on ios, it only displays the top 3/4 of the image and cuts off to white.

    Here’s how I have this page set up currently:

    It’s pretty tough making this look good on both desktop and mobile since it is really a landscape-oriented image. Any tips on how I might fill the iPhone screen with this image upon landing on the homepage? Ideally it’d fill the screen vertically, and include the left side of the image on mobile, leaving the rest of the image to float offscreen to the right.

    Sorry, this forum is for verified users only. Please Login / Register to continue
    or get 6 months support forum access to all forum topics for a reduced price.

Comments are closed.