Mobile Mega Menu Text is White and Should be Black

[rivandrai]

Here is my website rivandrai.com.  When I click on my menu item > girls > bottoms> the text is white and should be black.  It works fine on my desktop mega menu.  Can someone give me the code that will fix this?  Thank you!

[Sangeetanahar]

hello @rivandrai 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> component-menu-drawer.css

add the code end of the file

@media only screen and (max-width: 767px) {

#shopify-section-header .list-menu__item {
    color: #4a4747 !important;
}
}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[rivandrai]

This didnt work.

[Sangeetanahar]

hello @rivandrai 

you check it is running

thanks

[Arif_Shopidevs]

@rivandrai 

Step 1: Navigate to your Shopify admin panel and go to "Online Store."

Step 2: Click on "Themes" and then select  Edit code

Step 3:  Find base.css

#menu-drawer .list-menu__item {
    color: #000 !important;
}

it will solved your issues

Found it helpful? Please like and mark the solution that helped you. 

[rivandrai]

This didn't work.

[BSS-TekLabs]

 
- Here is the solution for you @rivandrai 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
#shopify-section-header .list-menu__item {
    color: black !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[rivandrai]

This did not work.

[BSS-TekLabs]

Please search in the theme.liquid file to see if there is any code like this, then delete it.

#shopify-section-header .list-menu__item {
    color: white !important;
}

[Made4uo-Ribe · Accepted solution]

Hi @rivandrai 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.js .menu-drawer__submenu {
    background: black !important;
}
.menu-drawer__close-button {
    color: white !important;
}
</style>

And Save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[rivandrai]

That worked!  Thank you so much!