No images resizing for Mobile sitewide? Any help?

On 2/23/2021 at 12:36 AM, Cambo1213 said:

Site URL: http://bontafriends.com

None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help? 

 

 

@media screen and (max-width:767px) {
.homepage #page section:first-child {
    min-height: 40vh;
    height: 35vh;
}
}

Hi. Which banners you want to resize? Can you share link to all pages? And what is access password? We can help easier.

Hey Tuanphan, thanks for the reply.

The image on kikstarter page half way down, will not resize.                                                                                        @media screen and (max-width:740px) {
[data-section-id="602d0cfd3f845d30031f71b0"] {
    min-height: 30vh !important;
    height: 41vh;
}
}

bontafriends.com

Password : BF 

On 3/9/2021 at 3:20 AM, Cambo1213 said:

Hey Tuanphan, thanks for the reply.

The image on kikstarter page half way down, will not resize.                                                                                        @media screen and (max-width:740px) {
[data-section-id="602d0cfd3f845d30031f71b0"] {
    min-height: 30vh !important;
    height: 41vh;
}
}

bontafriends.com

Password : BF 

Hi. Add to Design > Custom CSS

/* resize kikstarter images */
@media screen and (max-width:767px) {
[data-section-id="60495c548cda0250b83a7480"] {
    min-height: 20vh !important;
}
[data-section-id="60495d4285d6db48887ec321"] {
    min-height: 30vh !important;
}
[data-section-id="6049601b0f3e4729eb7fea57"] {
    min-height: 30vh !important;
}
}