Pipeline theme - announcement bar customisation

Store Design
, , ,
1

Hi there, I currently have my announcement bar set to marquee which works great on mobile

On desktop I would like to make it static or increase the spacing so that the same menu does not repeat like the below image

Tony1992_0-1716677079910.png
Tony1992_0-1716677079910.png2524×407 88.2 KB

2

Please share the store url

3

https://yoonek.com.au/

4

Hi @Tony1992 please add this css at the bottom of theme.css

@media only screen and (min-width: 768px){
.announcement__scale>div:not(:first-child) {
    display: none;
}
.announcement__scale>div:first-child {
    animation-duration: 0s;
}
}

file

5

Thank you that worked perfectly. I was also wondering if on desktop, it can be a slider and on mobile can be a marquee?

6

with slider you mean one show at a time like only FAQ or contact us and slide on specific time the next one ?

7

Hi Ahsan.

Yes that’s correct.

8

but to do that whole carousel code will be needed to edit that will be heavy and will slow the page load speed.