Can't see text

[Keelan]

Hi, i have added some code to the Brooklyn theme to make a pertiment header and an opposite colour to my background. When hovering over the menu the text isn't visible as it turns white. I have attaches some screen shots of the issue and the code I have added. Thanks.  

 

[Bluish]

Hi @Keelan 

Without looking at your website,

It looks like your site nav links are white. white on white, of course it wont show

Add the hover css colour.

.site-nav_link:hover{
  color: red;
}

[Keelan]

I've added the code but still no luck. 

[Bluish]

Hi @Keelan 

I dont know your code, you need to provide your website.

I was just guessing the class element.

[Keelan]

https://hair-expressions-2020.myshopify.com 

[Bluish]

Hi @Keelan 

This is the code for the dropdown heading link, change color to the color you want

.site-nav--has-dropdown > a:hover {
  color: red !important;
}

end result:

[Keelan]

I've added the code and the hover works but when I hover over the dropdown below the shop now it doesn't appear and when I hover over shop now its not visible. The dropdown below shop now is called Hair

Thanks

[Keelan]

Or to have the Burger icon perminet on the desktop like the mobile

[Bluish]

Hi @Keelan 

Not following here, my code shouldn't affect what your describing, my code only changes the color.

What are you trying to accomplish?

[Keelan]

I've changed the text colour to gold to make things easier and look better, just when hovering over the text the box is white, is it possible to change the box to black so the text is easier to see? Thanks