Solved

Change color X menu

Jhon16
Tourist
39 0 2

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

 

 

Accepted Solution (1)

Moeed
Shopify Partner
3538 891 1106

This is an 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:

Moeed_0-1703704551663.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3538 891 1106

This is an 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:

Moeed_0-1703704551663.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
Jhon16
Tourist
39 0 2

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

Moeed
Shopify Partner
3538 891 1106

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.

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
Jhon16
Tourist
39 0 2

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