Lines under navigation items

[calicott]

Hello,

I am trying to play with the lines under “HOME” and “GIVE”.

How do I change the color?

Why is it when I am not interacting with either of them they stay underlined? How do I get them to not be underlined when I am not interacting with them? I did use this code:

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

Thanks

[tristup]

Hi Darien,

Thanks for reaching out.
The navigation underline is not coming as an underline attribute of hyperlink element. The underline has been added using the Primary Particle Setup option Navigation element, and you can change the color and other options from there too. Please find the screenshot describing the settings.

I would suggest you remove the custom CSS code and try with the predefined options on this.

Thanks

[calicott]

Hello,

Thanks for the direction. I don’t have a navigation element it seems? At least I am not seeing it in cornerstone. I will put my credentials in a secure note.

thanks

[ruenel]

Hey Darien,

@calicott

How do I change the color?

Why is it when I am not interacting with either of them they stay underlined? How do I get them to not be underlined when I am not interacting with them?

1.) The color can be changed with your custom CSS code. You can use your code with a different color value to have a different color of the line.

2.) The menu items were underlined because it means that the menu item was highlighted and it is the current page that you are viewing. That is why as soon as you remove the link of the “Give” menu item and changed it to #, it is no longer underlined.

Hope this helps.

[calicott]

Ok that makes sense. Thank you.

[ruenel]

You are most welcome!