Unclickable menu link with no highlighting

[jimboat]

I want to have unclickable links that are anchored to the top menu. The anchor works fine, but I do not want the menu item to be highlighted because every unclickable link would be highlighted. Below is a screenshot illustrating my problem. I am hoping to get help with the css required to remove the red highlight from “Resources”. Once I get that working, I’ll make the others unclickable.

The site is http://cdt2016.boatmanwalking.com

Thank you

[Prasant]

Hello @jimboat,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.menu-item-type-custom a {
    box-shadow: none !important;
}

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

Thanks.

[jimboat]

@Prasant

.menu-item-type-custom a {
box-shadow: none !important;
}

Thank you Prasant for pointing me in the right direction. Had to tweak it a bit, but I have what I want now.

.x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav >  .unclickable a {
    box-shadow: none !important;
}

[ruenel]

You’re welcome!
We’re glad @Prasant were able to help you out.