Why are marquees not resizing on mobile view?

Store Design
, , , , ,
1

Hi guys.

Marquees icons are not resizing on the Mobile View. They are the same size as they are on the Desktop. How to fix that?

2

@combased , could you please share your store URL?

3

There it is - https://95wzcpmcxtstg2rv-59577598157.shopifypreview.com

4

@combased , Please add the below line of CSS code at the end of your base.css file

@media(max-width:480px){

body .marquee__item svg, body .marquee__item img{
height:4.8rem;
}
body .enable-animation .marquee__content{
gap:1rem;
}

}
5

Hello @combased

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media only screen and (max-width: 768px){
.marquee__item img {
    height: var(--marquee-element-size);
}
}
6

This didn’t helped.

7

This didn’t helped

8

Hello @combased

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media only screen and (max-width: 768px){
.marquee__item img {
    height: 4.8rem !important;
}
}
9

This one helped. Thank you!