How can I resize and optimize banner images for mobile view?

[AC9]

https://prunies.myshopify.com/

pass: ohchau

How can I make these images all visible from mobile view? 

And to also make it smaller in web view?

Thank You!

[Kinjaldavra]

hello @AC9 

can you please share your shop preview url 

[dmwwebartisan]

@AC9 

Please share your  preview URL Becouse password option not available your password page 

Thanks!

[AC9]

Hello @dmwwebartisan  and @Kinjaldavra 

This is the the URL I am seeing https://prunies.myshopify.com/?key=9b45608886059959ab4b10fbfa2013cb7e6a2ea6f87ad6a47512d2d4372858ab

Password: ohchau

[dmwwebartisan]

@AC9 

 Step 1: Go to Online store > Themes > Actions > Edit code.

 Step 2: Go to Assets > theme_exention.css and paste this at the bottom of the file:

@media (max-width: 749px) {
.owl-carousel { width: 100% !important;}
.owl-carousel .owl-stage {width: max-content !important;}
.owl-carousel.owl-drag .owl-item {max-width: 130px !important;}
}

Thanks!

[AC9]

@dmwwebartisan it didn't work. It now hidden.

[dmwwebartisan]

@AC9 

I think this is js and liquid code problem

Thanks!

[AC9]

@dmwwebartisan what should I do next? Thanks for helping 

[dmwwebartisan]

@AC9 

Please check your slider js code .

Thanks!