MichaelCaz

On 2/9/2021 at 7:11 AM, tuanphan said:

Add to Design > Custom CSS

/* resize second image */
@media screen and (max-width:767px) {
[data-section-id="5fac1e6282b16a4c5a40d048"] {
    min-height: 20vh !important;
    height: 30vh;
}
}

 

So, this worked, but then the main hero image was getting cutoff (the woman's head was getting cut off), so I fixed it on desktop and then mobile reverted back to the issue I was previously having. Do you have a solution that keeps the desktop photo as is and then fixes the cropping issue on mobile? Site: parkwoodproper.com password: treva

That worked beautifully! Thank you so much.

Updated -- this code seemed to work, but I'm having the same issue with a photo lower in the page

/* Tablet */
@media screen and (max-width:991px) {
body.homepage #page section:first-child {
    min-height: 40vh !important;
}
}
/* mobile */
@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: 20vh !important;
}
}

7 minutes ago, EditionStudios said:

Hello,

I'm having a similar issue and am trying to make the banner background image show the full width of the image on mobile. You can access my site here: parkwoodproper.com PW: treva

Can someone help? Thanks in advance!

I tried using this code but then it adds blank space under the photo

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;
}
}

Hello,

I'm having a similar issue and am trying to make the banner background image show the full width of the image on mobile. You can access my site here: parkwoodproper.com PW: treva

Can someone help? Thanks in advance!