How can I change the dropdown menu color in the Impulse theme?

Solved

How can I change the dropdown menu color in the Impulse theme?

Digital_Imran
Shopify Partner
286 2 40

My header color has been changed, but the dropdown menu still appears. Could you please provide a code to change the background color of the dropdown menu as well?

Store URL: https://icrosmos.com/
 Thank you in advance 

screenshot 4.png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10980 2150 2290

This is an accepted solution.

Go to Online store > Themes > Edit code > open theme.liquid file, add this code under <head> element

<style>
.site-nav--has-dropdown:hover>a,
.site-nav__dropdown,
.site-nav__dropdown a {
background: #faf2de !important;
}
</style>

 

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

PageFly-Richard
Shopify Partner
4902 1102 1779

Hi @Digital_Imran ,
This is Richard from PageFly - Shopify Page Builder App.

You can change this here

EchoPalm · Customize Dawn · Shopify 2024-01-21 18-22-25.png

Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu
Shopify Partner
10980 2150 2290

This is an accepted solution.

Go to Online store > Themes > Edit code > open theme.liquid file, add this code under <head> element

<style>
.site-nav--has-dropdown:hover>a,
.site-nav__dropdown,
.site-nav__dropdown a {
background: #faf2de !important;
}
</style>

 

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Digital_Imran
Shopify Partner
286 2 40

Thank you so much @Dan-From-Ryviu . Its works

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Dan-From-Ryviu
Shopify Partner
10980 2150 2290

Glad I could help!

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.