Line style in navigation

[rocketboy]

Is there a CSS I can apply to the line under the active or hovered navigation item as seen in the red line in the screenshot:

Thanks!

[prakash_s]

Hello @rocketboy,

Thanks for writing to us.

You can use this custom CSS code for the hover and active menu item.

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

Please feel free to change the color code as per your design. The purpose of providing custom CSS is 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 or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[rocketboy]

Thank you for the help!!

[prakash_s]

Hello @rocketboy,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks