sub-menus on top of menu, problem with hover

[CristinaLavosi]

Hi there!
I am working on my website: cristinalavosi.com (still work in progress).
I made a sub menu of the menu item "index" (which is placed on the bottom left of my page). Being "index" at the bottom of the page, I managed to make the sub menu open on top of it and I did it by adding a padding-bottom to the (so it doesn't work as a normal dropdown menu where the sub menu opens under the main menu).

Then in the Menu Style of LayTheme (in Customize) I added a Menu Point Mouseover to make the menus gray when hovering over them.
My problem is that when I hover over "index" (and the mouse remains over it) it doesn't stay grey. I need it to stay grey cause I often have dark backgrounds in the website and I want to facilitate the visibility of the menu.

I hope you can help me somehow, I really tried everything!

Best,
Cristina

[Richard]

Dear @CristinaLavosi

Is it possible to link to the website with example Sub-menu then i can get a better idea :)

Best wishes and happy 2021

Richard

[CristinaLavosi]

Hi @Richard-K !! Thank you so much for your fast reply and happy new year!!
The website with the submenu I am working at is this one: cristinalavosi.com

The sub menu is the one that is linked to the primary menu "index".

Thanks again!
All the best,
Cristina

[CristinaLavosi]

Hi, I actually solved it somehow. Now the menu "index" stays lightgrey when the menu is active. I did it with this code:

nav.primary:hover ul li a:first-child:nth-last-child(2) {
color:#ededed;
}

But thanks anyway for the reply!
Best,
Cristina