How can I make a dropdown menu background transparent with CSS?

[hefoli]

Hello, there is a drop-down menu at the top left on the website I gave the preview link below. I want the background to be transparent when this menu is opened. Can anyone help me find the CSS code specific to this?

https://ujpt9cyruh3i95w0-85574287682.shopifypreview.com

[kgbfashionista]

You can make it half-transparent.

Find your css file, and add to the class .menu-drawer this:

background-color: rgb(var(--color-background), .0);

[hefoli]

I can't find .menu-drawer class

[anupam1607]

Add this CSS at the bottom of your main CSS file

.header__icon--menu[aria-expanded='true']::before{ background: transparent;}

[hefoli]

Where should I add it?

[anupam1607]

In base.css file you'll fond the above class with CSS

[hefoli]

Thank you very much for your help, but unfortunately it didn't work. I hope I'm not doing it wrong. I found the section you mentioned and added it in every way that could be added, but it didn't work.