How can I modify the drop down background and word color?

Solved

How can I modify the drop down background and word color?

fei9
Visitor
3 0 0

I want to change drop down background and word color. I've found a lot of codes in the community, but they don't seem to work in my store. this is my store:https://fairtools.co.nz/

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 297

This is an accepted solution.

Hi @fei9 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1703817672369.png

 


<style>

h4.megamenu__header {

    color: white !important;

}

 

ul.megamenu {

    background: red !important;

}

a.megamenu__listlink {

    color: white !important;

}

</style> 

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

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


PageFly - #1 Page Builder for Shopify merchants.


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

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
11360 2226 2399

Hi @fei9 

What colors do you want to change?

- Found this helpful? Hit "Like" and "Accept as Solution"!
- 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 - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

PageFly-Henry
Shopify Partner
1184 335 297

This is an accepted solution.

Hi @fei9 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1703817672369.png

 


<style>

h4.megamenu__header {

    color: white !important;

}

 

ul.megamenu {

    background: red !important;

}

a.megamenu__listlink {

    color: white !important;

}

</style> 

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

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


PageFly - #1 Page Builder for Shopify merchants.


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

fei9
Visitor
3 0 0

Hello, your method is very useful! Thank you! I also want to ask how to change the background and font color of the secondary menu?

fei9
Visitor
3 0 0

can you see my picture?