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/
Topic summary
A Shopify store owner seeks help modifying dropdown menu styling—specifically background and text colors. They’ve tried community solutions without success.
Solution Provided:
A PageFly representative shares CSS code to be added to the theme.liquid file before the closing tag. The code targets:
- Mega menu background (red)
- Mega menu header and list link text (white)
Follow-up Question:
The original poster confirms the solution works and asks how to similarly modify the secondary menu’s background and font colors. They reference an attached image for clarification.
Status: Ongoing—awaiting response on secondary menu customization.
Hi @fei9
What colors do you want to change?
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 → save.
h4.megamenu__header { color: white !important; } ul.megamenu { background: red !important; } a.megamenu__listlink { color: white !important; }
Hope that my solution works for you.
Best regards,
Henry | PageFly
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?
can you see my picture?