Image size adjustment only on mobile

Site URL: https://www.naturawell.co.uk

Hi all, 

I've just created my coming soon page and on a desktop, I'm happy with it. On mobile however the image is too big. Is there a way I can change the image size on mobile without it affecting the desktop view please? 

Thanks for any help you can give. 

On 12/9/2021 at 10:14 PM, Amy1231 said:

Site URL: https://www.naturawell.co.uk

Hi all, 

I've just created my coming soon page and on a desktop, I'm happy with it. On mobile however the image is too big. Is there a way I can change the image size on mobile without it affecting the desktop view please? 

Thanks for any help you can give. 

You want to resize mobile image or replace with new image on mobile?

Add to Design > Custom CSS > To resize image

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