How to set all menu items on mobile to black

[CreatorTim]

Hey, how can I set all menu items and sub-menu items in the header to black color?

I ONLY WANT THIS FOR MOBILE, on desktop it works fine.

Here is my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,

Tim

[DaisyVo · Accepted solution]

Hi @CreatorTim 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
div#menu-drawer * {
    color: black !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[CreatorTim]

Thank you Daisy! It works great!

[ZestardTech]

Hello @CreatorTim ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

.disclosure__link {
    color: #000000 !important;
}

Let me know if you need further assistance!