Why is marquee announcement bar speed slower on mobile view?

[Chullais]

Hi All,

For some reason the marquee announcement bar speed is NOT displaying at the same rate on the mobile view, compared to the desktop view. The mobile view marquee speed is SIGNIFICANTLY slower. I would like the mobile view to have the same marquee speed displaying on the desktop view.

I really don't know why the different speed rates are displaying and I've spent all day trying to solve this issue. It seems there are several locations defining the marquee speed in my build:

1) snippets/marquee.liquid

2) sections/marquee.liquid

3)sections/announcement-bar.liquid

I would be grateful for any help, as I am a novice.

Theme is Baseline.

Appreciate your time in advance.

[aditya58singh]

marquee speed issue is caused by how the speed is defined or applied differently across the different screen sizes

You can check for CSS Overrides Based on Screen Size
Look for media queries in your stylesheets (either in marquee.liquid or announcement-bar.liquid) that adjust the animation speed based on screen size.

@media (max-width: 768px) {
    .marquee {
        animation-duration: 15s; /* Slower speed for mobile */
    }
}

@media (min-width: 769px) {
    .marquee {
        animation-duration: 10s; /* Faster speed for desktop */
    }
}

[Chullais]

Hi Aditya58singh,

Thank you kindly for your reply with possible solution. 

Unfortunately I ran a search of the key code terms you specified above across all files and I could not find any marquee duration actions against a specific type of screen size. 

I know it's not ideal, but do you know of a code and can overwrite any current overrides effecting the marquee speed in mobile view?

Again really appreciate your time and help.

[Chullais]

HI Softest,

Thanks your your reply to my query. 

Do you have a website with your work I can view?

Appreciate your time.