Making Desktop Landing Page Photo visible on Mobile

Site URL: https://snail-asparagus-wmjl.squarespace.com

Hi community, I am looking for a way to display the desktop landing page photo properly on mobile. It would be best to shrink it to make both ladies visible. Any thoughts? You help is much appreciated.

How about removing the background image and adding the image as an image block to the top of the page section below? Or you can have two page sections. Whatever works for you.

Ignore the text it's left over from some previous tinkering.

Let us know how it goes.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 30vh !important;
}
}

On 10/14/2020 at 8:11 PM, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 30vh !important;
}
}

 

Worked perfectly! 🙂