How can I change the color of the menu close button on my website?

[Jhon16]

Hi everyone,

I would like to ask information about the "X" used to close the menu, which is grey/black. As you can see from the video, when I open the menu, the background is also gray and the "X", being grey/black, is barely visible.

Otherwise if I open the cart, as you can see from the video, the "X" is clearly visible because it is on a white background.

Now what I would like to ask you is whether it is possible to differentiate the color so that, when I open and close the menu, the "X" is white, while for the "X" of the cart I would leave it unchanged.
It's possible to do it? If so, how?

Thank you.

P.S. I'm also attaching the video so you can understand better, thanks again
My site: https://a3cd78.myshopify.com

Theme use: Be Yours

[Moeed · Accepted solution]

Hey @Jhon16 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
drawer-close-button.header__icon.header__icon--menu.medium-hide.large-up-hide svg {
    color: white !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Jhon16]

thank you very much, that's what I was looking for, thank you 🙏

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Jhon16]

Hi Moeed, could you solve this problem for me too?
because no one has responded to me again, thanks

Link: https://community.shopify.com/c/shopify-design/problem-header/m-p/2328445#M614416