Remove box shadow on nav li 3

Hi there,

Having a few issues with this one. Likely just me. Trying to remove the box shadow on a single li on hover, same with active. The logo is set as a menu item. I’ve tried using nth-child(3) however it doesn’t seem to like it for some reason? Either way… Any help would be appreciated.

Thanks,
Kind regards,

@Keanu,

Thank you for reaching out.

Can you pinpoint which part of your website you are working on? because I don’t see a boxshadow.

Thank you.

Hi @cramaton ,

Apologies, I forgot that I had posted this! I apparently turned them all off and left them like that by accident! I have now reneabled them so they’re showing again, I only want the one above the logo removing though. I just can’t seem to figure out how to manage it.

Thanks,
Kind regards,

Hi @Keanu,

To remove the box-shadow on the 3rd li of the navigation menu, please use the css code below.

.x-navbar .desktop .x-nav>li:nth-child(3) a {
    box-shadow: none;
}

Please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer.

Thank you.

1 Like

All sorted, thanks for the help!

Kind regards,

You’re most welcome!

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