# Solo Home Page Hero Cropped —

**URL:** <https://forum.ghost.org/t/solo-home-page-hero-cropped/33674>\
**Category:** Themes\
**Created:** [October 26, 2022, 5:02pm UTC](https://forum.ghost.org/t/solo-home-page-hero-cropped/33674 "2022-10-26T17:02:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Phillips](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/phillips/32/19985_2.png) [@Phillips](https://forum.ghost.org/u/Phillips)\
**Post date:** [October 26, 2022, 5:02pm UTC](https://forum.ghost.org/t/solo-home-page-hero-cropped/33674/1 "2022-10-26T17:02:41Z")

</div>

![Phillips-Home-Image-Glitch](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/b/b/bbc8620b353de1c63633d798fd32559344bf4e64.jpeg)

Hi!  
**The mobile home image on Solo does not go full vh (view height.)**

Is there a fix planned?  
Can you share a CSS that will remedy? (My attempts don’t work on the bg image.)

Otherwise, it’s an easy and clean theme!  
Thank you,  
Patrick

---

<div class="post-metadata">

**Author:** ![RyanF](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ryanf/32/17448_2.png) [@RyanF](https://forum.ghost.org/u/RyanF)\
**Post date:** [October 26, 2022, 5:23pm UTC](https://forum.ghost.org/t/solo-home-page-hero-cropped/33674/2 "2022-10-26T17:23:14Z")

</div>

The design for this image isn’t intended to be full height. Instead, it’s intended to fill the width of the screen without cropping the image. (There’s also a parallax effect at work).

You’ll fill up more of the screen if you opt for a vertical image.

---

<div class="post-metadata">

**Author:** ![Phillips](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/phillips/32/19985_2.png) [@Phillips](https://forum.ghost.org/u/Phillips)\
**Post date:** [October 27, 2022, 1:08am UTC](https://forum.ghost.org/t/solo-home-page-hero-cropped/33674/3 "2022-10-27T01:08:15Z")

</div>

The following is a CSS hack for both the transparency layer and the image. Works on iPhone 13 Pro and MacBook (with a little parallax float.)

```auto
    .has-background-about .gh-about-image {
    min-height: 100vh !important;
    height: 100vh !important;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.has-background-about .gh-about:before {
    min-height: 100vh !important;
    background-color: var(--color-black);
    content: "";
    inset: 0;
    position: absolute;
    transition: opacity 1.5s ease;
}

```