Nav bar button separation color

In the nav bar their is a lighter shade of grey separating the buttons. I actually would like this to be the same color as the nav buttons. Where can I change this? There is also a lighter shade of grey going from left to right about the buttons. I would also like this to be the same color as the nav buttons? https://lincolnveteransparade.org/ Thank you.

Hello @rkassebaum,

Thanks for posting in!

The dividers in the menu navigation were built in design of Ethos stack. There is not any option in the theme that you can change it. You will need to add CSS code into X > Theme Options > CSS to modify it.

The built in styling for the dividers is this:

.x-navbar .desktop .x-nav>li>a,
.x-navbar .desktop .x-nav>li:first-child>a {
    border-color: rgba(255,255,255,0.1);
}

Feel free to change the border color and make it the same as your menu navigation background color.

We would love to know if this has worked for you. Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.