Banner Image Won't Resize for Mobile View

Site URL: https://www.globalpowertour.com/

Hello,

I'm having trouble optimizing my hero image for mobile view.
I've tried adding the CSS but didn't seem to add it correctly. Please help!

Thank you for all the help!

Kind regards,
Katarina

On 8/2/2021 at 7:17 AM, katarinamravlja said:

Site URL: https://www.globalpowertour.com/

Hello,

I'm having trouble optimizing my hero image for mobile view.
I've tried adding the CSS but didn't seem to add it correctly. Please help!

Thank you for all the help!

Kind regards,
Katarina

Add to Design > Custom CSS > then save & reload the site

/* resize mobile banner */
@media screen and (max-width:640px) {
section#home-2-1 figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    min-height: unset !important;
}
section#home-2-1 {
    min-height: unset !important;
    height: 160px;
}
}