Footer Manu color problem in desktop

Shopify Discussion

Topic summary

Issue: In the Shopify Dawn theme, footer menu link text appears white on desktop (becoming invisible on a white background) despite using Color scheme 1 (white background, black text). Mobile view displays correctly. Screenshots illustrate the problem and results after fixes.

Cause: A prior customization likely set a global menu link color that also affected the footer.

Fix applied (desktop footer):

  • Add CSS in base.css/style.css/theme.css:
    .footer__blocks-wrapper .list-menu__item { color: black !important; }
  • This restored black link text in the footer; the original poster confirmed it worked.

Additional request: The user wanted the “menu section” text to be darker black as well.

Additional tweak provided:

  • Add CSS:
    .menu-drawer__menu.has-submenu .list-menu__item { color: black !important; }
  • A result screenshot was shared to show the change.

Status: Footer color issue resolved; the further menu section color change was addressed with extra CSS, pending final user confirmation. No other outstanding questions noted.

Summarized with AI on December 16. AI used: gpt-5.
1

I have an issue in footer section in Dawn theme, when I check in desktop the manu columns pages tax color white automatic but when I check mobile it didn’t problem

I select scheme 1 color

Which means background: white

Text black so how I fix this problem?

IMG_20241024_235230.jpg
IMG_20241024_235230.jpg4608×3456 1.78 MB

Screenshot_20241024_235216.jpg
Screenshot_20241024_235216.jpg1080×2340 102 KB

1 Like
2

Hi @amjadali01

It seems like you change the font color on the menu before which also effect the footer.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer__blocks-wrapper .list-menu__item {
    color: black !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
3

thanks its working but i want manu section text dark black color

4

Add this code then.

Same instruction.

.menu-drawer__menu.has-submenu .list-menu__item{
    color: black !important;
}

And Save.

Result:

Made4uoRibe_0-1729861556565.png
Made4uoRibe_0-1729861556565.png559×607 80.1 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like