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

Store Design
, ,
1

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

2

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 tag

RESULT:

Moeed_0-1703704551663.png
Moeed_0-1703704551663.png365×688 42.6 KB

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

Best Regards,
Moeed

3

thank you very much, that’s what I was looking for, thank you :folded_hands:

4

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.

5

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