Help with changing an element color in the Navbar

[Tallenc]

Hi I’m trying to change the color of the element that is circled to match the color our the red bar of my logo.

I cannot locate the option to change this element. Any help is much appreciated!

The website I’m building is www.invisiblepost.com

What I’m trying to achieve with the Navbar is that the text and the white bar stay red to indicate the page that the user is on. When the user navigates to another page, the bar and navigation interaction also turn red for the new selection.

Hope this makes sense

[prakash_s]

Hello @Tallenc,

Thanks for writing to us.

To change the menu item hover colour please add this custom CSS code under X—>Theme Option -->CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow:inset 8px 0 0 0 rgb(193 39 45);
}

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

[Tallenc]

Thank you that helps a lot!

[tristup]

Hi @Tallenc,

Glad that we are able to help you.

Thanks