NAVIGATION DROP DOWN MENU FONT COLOR

Solved
Highlighted
Tourist
12 0 1

Hi there, 

we would like to have the font color as well as text of our drop down menu of our store as attached below....

Can you give let us know how we can do this?

 

Capture.PNG

 

0 Likes
Highlighted

Hello

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
12 0 1

This is a link of the our store right now...

https://041vditzqqjc1ztx-20091313.shopifypreview.com

0 Likes
Highlighted

@Calvin12,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.site-nav--has-dropdown .site-nav--dropdown a:hover {
    color: #aadbd9;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
12 0 1

Hi I have added the code as below but it still shows the the text in black color...we would want it to be more light grey.

Capture.PNGREF2.PNG

0 Likes
Highlighted
Excursionist
19 4 5

This is an accepted solution.

Please add !important after the color

.nav-bar a {color: #929292!important;
0 Likes
Highlighted

Hello @Calvin12,

Add below css

.site-nav--has-dropdown .site-nav--dropdown a {
    color: #ABABAB;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
12 0 1

Hi thanks this worked....

Also one last thing, do you have any code so that we Can have a static drop down rather than floating pop up?

0 Likes