How can I change the color of mobile cart buttons with CSS?

Store Design
, , ,

Topic summary

Issue: Change the color of mobile cart buttons via CSS. On mobile, the buttons appear white and need a custom color.

What was tried:

  • Helper provided CSS targeting .cart-notification__links a and .cart-notification__links .button; user added it in base.css/theme customizer. It worked on laptop, not on mobile.
  • User confirmed placement at the bottom of base.css (screenshot shared).
  • Helper supplied revised selectors prefixed with .cart-notification-wrapper and asked to replace the earlier code. User updated the CSS but reported no change on mobile.

Assets central to the thread:

  • Screenshots showing the white mobile cart buttons and where the CSS was placed in base.css.
  • Code snippets with the suggested CSS selectors.

Current status:

  • No resolution; mobile button styling still not applying.
  • Helper asked for confirmation, then offered to fix it directly if needed.

Open questions/next steps:

  • Why the mobile view ignores the provided selectors (e.g., needs different selectors or mobile-specific targeting). The helper has offered hands-on assistance; no final fix confirmed yet.
Summarized with AI on January 5. AI used: gpt-5.
4

@SIO2

can you please show me where you place the css?

Thanks