Home banner vertical resize on mobile view

Site URL: https://bluewillowbirth.com/

Hi all,

Home banner in mobile view get resized narrower height (other pages won't do that) so the image get cut off on top.

This has been happening since I changed the image. So not sure why since I just replaced the images.

I hope someone can help me with this. Thank you!!!

Hi,

It looks like you solved with CSS?

Hi I have solved with width, but now I have problem with height. If you take a look at my top page banner on mobile view, my image will be cutoff (face of the girl).

On 8/30/2021 at 12:11 PM, bluewillowbirth said:

Hi I have solved with width, but now I have problem with height. If you take a look at my top page banner on mobile view, my image will be cutoff (face of the girl).

Use this new code

@media only screen and (max-width: 767px) {
    section[data-section-id="5f5960c3e2dfd473988e9bd7"] {
        min-height:inherit !important;
        height: 35vh;
        margin-top: 5vh;
    }
}

Thank you!!!

Worked perfectly.  Appreciate your support.

Similar issue with home page banner, not resizing to mobile without cutting off sides.  There is another image lower on same page with company logos. I want to keep the rest of the page layout in tact.

https://www.ourgiftbiz.com/

On 9/9/2021 at 2:06 AM, Perell said:

Similar issue with home page banner, not resizing to mobile without cutting off sides.  There is another image lower on same page with company logos. I want to keep the rest of the page layout in tact.

https://www.ourgiftbiz.com/

Add to Design > Custom CSS

/* resize mobile homepage top banner */
@media screen and (max-width:767px) {
[data-section-id="5e20c19a12182f60dea128e5"] {
    min-height: unset !important;
    height: 40vh;
    margin-top: 5vh;
}
}