.announcement-bar__message on a mobile device

AntonysaleBK
Excursionist
51 0 5

What should I add to this code to make it work on a mobile device?
.announcement-bar__message {
animation: blinker 2s linear infinite;
}

@keyframes blinker {
50% {
opacity: 0;
}

 

site: https://salebk.com/

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7961 1550 1579

Hi @AntonysaleBK 

Please change your code to this to make it works on mobile device only. 

@media (max-width: 749px) {
.announcement-bar__message {
animation: blinker 2s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}

 

- Helpful? Like and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

AntonysaleBK
Excursionist
51 0 5

doesn't work(

Dan-From-Ryviu
Shopify Partner
7961 1550 1579

Where did you add the code? Could you show me? 

- Helpful? Like and Accept solution to let me know or Donate
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

AntonysaleBK
Excursionist
51 0 5

AntonysaleBK_0-1706527744914.png