marquee banner size difference in Desktop and mobile

Store Design
, ,
1

i have added this code of a marquee image banner for my site. I am having problems with the image sizes.

the sizes are coming out different for he Web/desktop and mobile.

although i cropped to fit for Desktop, the mobile images get rearranged,

SITE URL

“shopcheri.co”

no password.

please help. thanks

2

Hi @shopcheri

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (min-width: 750px){
.banner--small:not(.banner--adapt) {
    min-height: 71rem !important;
}
}

image (30).png
image (30).png1475×840 110 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

this did not work

4

Hi @shopcheri

Are you referring to the image height of the banner?

Looking forward to hearing from you soon. Thank you!

Best,

Daisy - Avada Support Team.