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

Store Design
1

https://prunies.myshopify.com/

pass: ohchau

AC9_0-1632482611253.png
AC9_0-1632482611253.png1412×399 276 KB

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

And to also make it smaller in web view?

Thank You!

2

hello @AC9

can you please share your shop preview url

3

@AC9

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

Thanks!

4

Hello @dmwwebartisan and @Kinjaldavra

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

Password: ohchau

5

@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!

6

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

7

@AC9

I think this is js and liquid code problem

Thanks!

8

@dmwwebartisan what should I do next? Thanks for helping

9

@AC9

Please check your slider js code .

Thanks!