Solo Home Page Hero Cropped —

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

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.

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.)

    .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;
}
1 Like