Empire theme Header menu dropdown text color is not changing as expected

Hi

I have Empire theme installed. I want white as header and footer and dropdown background color. But I need text in black color including the text in dropdown.

I have tried all the css code change options available online but didn’t work. I am attaching snips for your reference.

Thanks in advance.

Header:

Footer:

1 Like

Try using this code:

To apply these styles:

  1. From your Shopify admin dashboard, go to Online Store > Themes.
  2. Click on “Actions” next to your Empire theme and select “Edit code.”
  3. In the code editor, open the “Assets” folder and locate the “theme.scss.liquid” file.
  4. Scroll to the bottom of the file and paste the above CSS code.
  5. Save the changes.

Make sure to replace the hex color codes (#ffffff for white and #000000 for black) with the exact colors you want to use if necessary.

After applying these styles, the header, footer, and dropdown backgrounds should be white, and the text color should be black throughout, including text within dropdown menus.

Hope it helps, let me know. :slightly_smiling_face:

Hi, Thanks for the reponse but it didn’t work.

Here’s the link to the preview: https://0zhnn45mpgxrcypf-57098928194.shopifypreview.com

Here’s the snip of the code added:

Any insights are highly appreciated!

Hmm! Search for ‘navmenu-link’ and see if there is an option to change the hex code maybe.

Thanks for the get back. Do you think this is the right place to change hex? SORRY, I am new to Shopify and learning.

1 Like

It’s fixed. Amazing. Thanks buddy. I’ll comment on this thread if I need any further help.

1 Like

You may also be able to change the color in theAdmin area, using Online Store - Theme - Customise - Colors, or whatever it looks like your end. :slightly_smiling_face:

Awesome. Glad you got it fixed. :slightly_smiling_face: