Blinking Sale Menu

Solved
amira_ecom
Tourist
6 0 4

Hi !

I would like to know how to change my sale menu icon into a blinking menu icon so it attracts attention.

Here is an example of what i'm after: https://crossstitch.pk/

I'm using premium Belle theme: shorturl.at/acgAN

Thanks in advance!

 

KetanKumar
Shopify Partner
23551 2372 8662

@amira_ecom 

thanks for post can you please try this way

https://codepen.io/kocsten/pen/eYOKZVp

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
amira_ecom
Tourist
6 0 4

Thanks @KetanKumar, but would you mind giving me some advice on how to put the code in the right area ?

 

KetanKumar
Shopify Partner
23551 2372 8662

@amira_ecom 

Yes, please share your proper store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
amira_ecom
Tourist
6 0 4

Here you go..... @KetanKumar 

https://amirabd.com/ 

I want the change in the "Menu" for only "Sale"

 

 

KetanKumar
Shopify Partner
23551 2372 8662

This is an accepted solution.

@amira_ecom 

great thanks can please upload

1. Go to Online Store->Theme->Edit code
2. Asset->/custom.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#mega_menu_container>li:last-child>a {
animation: blink-animation 1s ease 0s infinite alternate;
}
@keyframes blink-animation {
  from { opacity: 1; }
  to { opacity: 0; }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
amira_ecom
Tourist
6 0 4

Thanks @KetanKumar works like a charm !!!

Can I do the same for the announcement bar up top?

 

 

KetanKumar
Shopify Partner
23551 2372 8662

@amira_ecom 

its my pleasure to help us 
yes please add this code

#announcement_bar .container {
    animation: blink-animation 1s ease 0s infinite alternate;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing