Change submenu hover text color - Support | Kriesi.at

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
October 19, 2021 at 5:48 pm #1325590

navindesigns
Participant

how do I change the submenu hover text color to white? it currently set to the background color and it is not visible

screenshot – https://ibb.co/b1zRhNy
live site – https://shawnstoppable.com/home/

thanks

October 19, 2021 at 9:45 pm #1325603

Evendril
Participant

You could add this to your custom css:

.sub-menu li:hover a{color: #ffffff;}

October 19, 2021 at 10:30 pm #1325605

navindesigns
Participant

Thanks

This does not work when I am on the current page

Ex – if you go to this page – https://shawnstoppable.com/research-dynamic-advisement/- and hover on the sub menu

But if you go on the homepage and hover over the submenu text it works fine – https://shawnstoppable.com/home/

Any idea why that could be?

October 20, 2021 at 2:20 am #1325626
Nikko
Inactive Moderator
Hi navindesigns,

Thanks for giving us admin access.
I have replaced the code with this:
```
.sub-menu li:hover a .avia-menu-text {
   color: #fff !important;
}
```
Please review your site.

@Evendril Thanks for helping out :)

Best regards,
Nikko
October 20, 2021 at 4:03 am #1325649

navindesigns
Participant

thanks

one other minor thing i am seeing

if I am on the current page
ex – https://shawnstoppable.com/research-dynamic-advisement/

and I hover over the sub menus, the text is NOT black, how can I change that so the submenu text is black when on the active page

October 20, 2021 at 7:29 am #1325672
Rikard
Keymaster
Hi,

Please try this CSS as well:
```
ul.sub-menu li.current-menu-item .avia-menu-text {
  color: #000;
}
```
Best regards,
Rikard
October 20, 2021 at 6:06 pm #1325768

navindesigns
Participant

Almost there, I think the colors are in reversed

On the dropdown menu, The current page color should be #baab8f and the others should be #000000

Currently it is the reversed.
https://shawnstoppable.com/stakeholder-engagement/ – hover over SERVICES menu item

October 21, 2021 at 6:47 am #1325803
Rikard
Keymaster
Hi,

Please try this CSS instead:
```
ul.sub-menu li.menu-item .avia-menu-text {
  color: #000;
}

ul.sub-menu li.current-menu-item .avia-menu-text {
  color: #baab8f;
}
```
Best regards,
Rikard
October 21, 2021 at 2:54 pm #1325889

navindesigns
Participant

Perfect.

Thank you so much!
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Change submenu hover text color’ is closed to new replies.