Resize Background Image for Mobile

Site URL: https://www.lrics.ca

Hey hey!

Looking to resize a background image for mobile. The green line is currently passing through the title, hoping to reduce the size for mobile so it fits were it should. 

Also hoping to move 7. & 8. to the center on desktop screen.

Thanks

PW: LRICS

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="628d0a2769228175152ecb9b"] .section-background img {
    object-fit: contain !important;
}
[data-section-id="628d0a2769228175152ecb9b"] .section-background {
    background-color: white;
}}

Hey! Me again,

I'm looking to reduce the size of this image for mobile, but I still need it as a full bleed. I used the code above and replaced the section id with the accurate one for this new site, but it shrinks it completely and doesn't fill out the section, causing too much space between the image + header, and the image + next section. 

Here is the website: https://trombone-tiger-zfb6.squarespace.com/

Password: foryou2

It's on the Service page, first image at the top. 

16 hours ago, CFlo said:

Hey! Me again,

 

I'm looking to reduce the size of this image for mobile, but I still need it as a full bleed. I used the code above and replaced the section id with the accurate one for this new site, but it shrinks it completely and doesn't fill out the section, causing too much space between the image + header, and the image + next section. 

Here is the website: https://trombone-tiger-zfb6.squarespace.com/

Password: foryou2

It's on the Service page, first image at the top. 

My code, for your first problem

With current problem, you need another code.

@media screen and (max-width:767px) {
[data-section-id="62cc7a213be8f577160da81c"] {
    min-height: unset !important;
}
}