Image Scale Turn Off

Site URL: https://grasshopper-apricots-3r3r.squarespace.com/whoweare

On this website, (password: ah) we have a banner image with blue arrows. On mobile, you cannot see this image, the arrows do not show - we want the image to show on mobile. On desktop we want the image to not get cropped. Please help. @tuanphan @bangank36

(Password: ah)

Can you try the below media query and let me know if it is what you are after for mobile?

@media screen and (max-width:767px) {
    .section-background-canvas canvas {
        top: 50px;
    }

}

I am not sure what you mean by

9 hours ago, TVB said:

On desktop we want the image to not get cropped

Can you elaborate?

@IgnitePerth Hi, I added the code and it did not change on mobile. The arrows don't show, could you help? Thank you! 

10 hours ago, TVB said:

The arrows don't show, could you help?

try adding !important

@media screen and (max-width:767px) {
    .section-background-canvas canvas {
        top: 50px !important;
    }

}

@tuanphan yes please help! thank you

13 hours ago, TVB said:

@tuanphan yes please help! thank you

Accidentally deleted comments.

You can create new post with your problem, we will support.