White Menu Text

Store Design
,
1

On Dawn theme and using meteor mega menu. I want to make the menu white instead of black. Nothing I’ve tried seems to affect the meteor menu. Can someone provide the css to make that happen? I’d greatly appreciate it.

2

Hey @RubyRoadVintage

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
ul#meteor-desktop-nav li a {
    color: white !important;
}
</style>

RESULT:

image
image1899×787 315 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

3

Hi @RubyRoadVintage
We suggest you another solution for this that does not require custom CSS or editing theme files. In the Dawn theme, you can change the menu text color directly from the theme customizer.
Go to Online Store > Themes > Customize > Theme settings > Colors and create or edit a color scheme with the menu text color you want. Then open the Header section and select that color scheme in the Menu color scheme setting. This will apply the selected color scheme to the header menu.