Change navigation menu color: drop down menu is showing up as white?

Solved

Change navigation menu color: drop down menu is showing up as white?

adthai
Pathfinder
98 0 32

Hi, when I create a drop down menu in my navigation the menu item turns white and I am not sure how to fix that. I have attached a photo. As you can see, the underlined text is white, but when I hover over it, it becomes visible. This happens to any navigation item that I decide to add a drop down menu to. Is there any solution to this? I am using the Debut theme. I noticed that when I change my background color, it becomes visible. This is because the "invisible text" is white, on a white background. However, I'd like to make it black text for all drop down menu items.

 

adthai_0-1634086782611.png

 

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1426

This is an accepted solution.

hello @adthai 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-nav .site-nav--has-dropdown .site-nav__link--button {
    color: #000000 !important;
}

 

View solution in original post

Replies 6 (6)

dmwwebartisan
Shopify Partner
12321 2552 3729

@adthai 

Please share your store URL. 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

KetanKumar
Shopify Partner
37112 3646 12056

@adthai 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adthai
Pathfinder
98 0 32

Hi, my URL is https://a-lineage-story.myshopify.com/. The password is 'beckew'

KetanKumar
Shopify Partner
37112 3646 12056

@adthai 

thanks for URL

sorry i can't see dropdown menu

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1426

This is an accepted solution.

hello @adthai 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-nav .site-nav--has-dropdown .site-nav__link--button {
    color: #000000 !important;
}

 

Denishamakwana
Shopify Partner
1408 173 231

Welcome to Shopify Community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme