Change color of line on navigation bar

[eutaw]

I’d like to change the color of the black line on the navigation bar items when I hover. How do I change the color of those lines?

[prakash_s]

Hello @eutaw,

To change the border colour on hover please add this custom CSS code under X—>Theme Option —>CSS.

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

Please feel free to change the colour code as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[eutaw]

Thank you.

[christian]

You’re welcome, @eutaw