Why is my Dawn theme cart still transparent after CSS code updates?

Shopify Discussion

Topic summary

  • After making the header transparent and updating homepage CSS in the Dawn theme, the cart drawer also became transparent. Attempts to fix via base.css and theme.liquid initially had no effect.

  • Responders requested the store URL (and password if applicable) to inspect the issue. The merchant shared https://greyandcocollective.com/.

  • A fix was proposed: add to base.css — #CartDrawer { background: #fff !important; }. This forces a white background on the cart drawer.

  • The merchant confirmed this resolved the immediate problem and expressed thanks.

  • Latest update: the cart drawer remains transparent on mobile. The merchant asked for further help.

  • Status: partially resolved. Desktop cart drawer fixed; mobile version still affected. The CSS code snippet is central to the current solution.

Summarized with AI on January 19. AI used: gpt-5.
1

updated shopify home page with css code as well as transparent header and now cart drawer is transparent as well. tried codes for base.css ans well and theme.liquid and nothing is changing the issue.

2

Hi @tfortier

Please share your store URL

3

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

4

Hey @tfortier

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

5
6

https://greyandcocollective.com/

7

https://greyandcocollective.com/

8

Please add this code to your base.css file to solve it.

#CartDrawer { background: #fff !important; }
9

HERO!!! thanks

10

Hey Dan,

Thanks for this cart drawer. but just realized that the mobile cart drawer is still transparent.

thanks again.