How can I alter the text color in mobile navigation?

Store Design
, ,

Topic summary

A user seeks help changing the text color in their mobile navigation menu for their Shopify store (itaworld.eu).

Solution Provided:
Another user offers CSS code targeting the mobile menu drawer:

  • Uses .menu-drawer__menu > li:last-child selector
  • Applies color property to change text color
  • Example shows setting color to orange or red

The response includes a code snippet that can be added to the theme’s custom CSS to modify the mobile navigation text appearance. A screenshot was included in the original question to illustrate the current state.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

How do i change the text color on mobile navigation? www.itaworld.eu

Screenshot 2022-11-19 alle 15.20.44.png
Screenshot 2022-11-19 alle 15.20.44.png906×1344 31.7 KB

1 Like
2

Hi @itaworld

.menu-drawer__menu > li:last-child {
  background: red;
}
.menu-drawer__menu > li:last-child .link--text{
  color: orange;
}