Button in Menu - but without box-shadow

[Amberette]

Hi there,

I added a Button in my menu, but now want have only the button without the box-shadow?

Like you wrote here - I managed to get rid of all box-shadows
( https://theme.co/apex/forum/t/button-in-menu-navigation/58001)

I can get rid of all the underlines - but how is the code to erase only the box-shadow of the button?

Thanks for your help,

elke

[thai]

Hi Amberette,

Upon checking your account I could see that you have a plenty of licenses so I don’t know which website URL you’re working on.

Could you please provide us with your website URL so we can take a closer look?

Thank you.

[Amberette]

It is a Re-Design:

https://neu.ihrkonzept.de/

[lely]

Hi Elke,

To access the button on the menu to remove underline/box shadow, the correct selector is:

.x-navbar .desktop .x-nav > li:last-of-type > a:hover > span {
    box-shadow: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g
2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI
3 Last of type: https://www.w3schools.com/cssref/sel_last-of-type.asp

Hope this helps.

[Amberette]

Great, that did the job.

Thanks a lot and best wishes from
black forest,
Elke

[lely]

You’re always welcome Elke!

Cheers.