Banner images HUGE on mobile

Site URL: https://chavaoropesa.com/new-page-1

Hello!

So I tried the inject code from a few of the answers on this matter and none of them work.

I notice no change on the mobile display of that page, the banners are just way to big. Any help to fix this issue on mobile only?

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62f5aad12ac26c67a1558a0e"] ul {
    min-height: unset !important;
}
}

On 8/14/2022 at 7:12 PM, tuanphan said:

Add this to Design > Custom CSS

@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="62f5aad12ac26c67a1558a0e"] ul {
    min-height: unset !important;
}
}

 

it says "missing closing }"

Why is this a problem with squarespace? Didn't they just release 7.1?? What a massive oversight! 

On 8/16/2022 at 5:42 PM, gdmartino said:

it says "missing closing }"

You should check your current code. Maybe your code is wrong, or you put my code in the wrong place (maybe you put it in a } or inside another code, causing invalid code structure causing error)

On 8/21/2022 at 10:23 AM, tuanphan said:

You should check your current code. Maybe your code is wrong, or you put my code in the wrong place (maybe you put it in a } or inside another code, causing invalid code structure causing error)

Thanks for your reply tuanphan. I had to delete the site and start again. Have since used a different option. Thanks again