Hover on burger menu icon (Brooklyn theme)

Solved
Highlighted
Tourist
4 0 1

Hello,

I am looking for a way to change the hover color of the burger menu icon.

Whatever I try nothing works. I tried to put a hover on the .burger-icon class, using background-color, but it works only when the mouse goes on each separate lines (top, middle and bottom line), not on the whole icon.

The current grey hover seems to be a part of the transition style, but impossible to change it.

Can anyone help please?

Many thanks!

 

1 Like
Highlighted
Shopify Partner
4688 695 1471

Hello, @nfjohn 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 1

Hello Ketan,

Thank you for your help. Here are the URL: 

https://northern-feather-canada-estore.myshopify.com/

Have a good day!

0 Likes
Highlighted
Shopify Partner
4688 695 1471

@nfjohn 

Thanks for url.

sorry for that your store is password protect can you please share us.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Shopify Partner
4688 695 1471

This is an accepted solution.

@nfjohn 

Thanks for detais

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.header-wrapper .site-nav__link:hover .burger-icon {
background: #1e3f99 !important;
}

chang color value as you like

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 1

Thank you so much Ketan for your help!
It works perfectly.

Kind regards

0 Likes