Navigation Box Shadow

Support
#1

Hi there,

I’d like to arrange the box shadow in navigation to be in the bottom. So, i add this code:

.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 {
inset 0 -4px 0 0 rgb(246,157,65)
}

But, the box shadow still on top of the navigation. Did i do the wrong code? Can you help resolve this?

Here it is, i also attach the screenshot.

Thanks before.

#2

Hello @widyamuktiwaskito,

Thanks for writing in!

Regretfully your code is incorrect. To resolve your issue, please make use of this code instead:

.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: none;
    border-bottom: solid 4px rgb(246,157,65);
}

We would loved to know if this has work for you. Thank you.

#3

Ahh, i see…yes you’re right.

The code is working now. Thanks for your help :slight_smile:

#4

You’re most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.