Box Shadow Parent Menu when hovering Sub Menu

Support
#1

Hi there,
I have an issue here. When i hover to sub menu of my navigation, the box shadow of the parent menu change to (maybe?) default color. Well, i’d like to keep the color like i have set. What can i do to achieve that? Can you help me?
Here, i attach the images that might give some insights.

#2

Hi There,

Please provide your URL so we can provide you a tailored solution.

Thank you!

#3

sgp-id.akillidigital.com

Thanks before

#4

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: 0 4px 0 0 #f8bb4d inset
}
#5

Excuse me,
I have tried your code, but it didn’t work.
The box shadow when i hover the sub menu is still black.
sgp-id.akillidigital.com

#6

Hello @widyamuktiwaskito,

I have tested the code on my end and it’s working absolutely fine. May be you can try following code and let us kow how it goes:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {box-shadow: 0 4px 0 0 #f8bb4d inset !important;}

Upon adding the code, the output would look something as shown in screencast. https://screencast.com/t/Ie4VFxSTT

Thanks.

#7

Great!! Now it’s work… thanks for your help :slight_smile:

#8

We’re delighted to assist you with this.

Cheers!