How to change dropdown menu font color only in home page Brooklyn theme?

Solved
Tourist
10 0 2

Font color in slideshow is white #FFFFFF and this reflects on the  menu font color on home page. when i hover on dropdown menu the font color changes to the chosen "Headings" color (Theme settings) which is black. I need it to stay white only on the home page dropdown menu, on other pages the black color is a perfect contrast to the white page background. 

 

And how do I remove the short underline when I hover dropdown menu? 

 

(no problem with CSS coding so just show me what and where to copy paste)

 

Thanks 

0 Likes

share your store url?

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Tourist
10 0 2

https://adaneth.com/ 

 

pass: GoaTribe

0 Likes

here is solution :

.template-index .site-nav__dropdown a, .site-nav__grandchild-dropdown a {
color: #fff;

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Tourist
10 0 2

copy pasted it to theme.scss.liquid.

dropdown menu text is now in white and that's one step.

 

when i hover the main menu it changes to black, any way to keep it white when the dropdown menu opens?

 

and how to I disable the bottom line that appears on the dropdown menu? 

0 Likes

on hover:

 

 

.template-index .site-nav__dropdown a, .site-nav__grandchild-dropdown a:hover {
color: your color code goes here;

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

1 Like
Tourist
10 0 2

check on my site , when I hover 'bottoms' or 'tops' in the menu the fonts changes to black and doesn't stay on white...

0 Likes

Success.

.site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus, .site-nav--has-dropdown.nav-hover>a {
color: #222323; //change this color
}

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

1 Like
Tourist
10 0 2

Works like a charm bro, thank's a lot for your help.

 

any way to get rid of that annoying line in the dropdown menu? 

 

0 Likes