This was really helpful for me as well! Would you be able to provide the same code for mobile? Thank you!
Topic summary
Changing a Shopify Flex theme menu item color with custom CSS was the main issue. The original request was to make the sitewide main-menu SALE link red.
- The proposed fix was to add CSS at the bottom of
Online Store > Theme > Edit code > Assets > styles.css. - For the desktop menu, a selector targeting the 10th navigation item was provided, setting the link color to red with
!important.
A related follow-up asked for the mobile equivalent on another store. Because the exact mobile item was unclear, a site URL and then a screenshot were requested to identify which mobile menu link should keep a specific orange style.
- A second CSS snippet was then provided for mobile, targeting the first item in the mobile menu and setting its color to
#F68D2E. - The requester confirmed that the mobile solution worked perfectly.
Outcome: both desktop and mobile color-change requests were resolved with CSS-only solutions. Images were important in the mobile case to clarify the exact menu item and desired styling.