Element on active menu item

Support
#1

Hello.

Can you please help with the following?:

  1. I want to get rid of the “vertical green line” showing up next to the active menu item… I’d rather that line appear horizontally on top of the active menu rather than to its side… please see attached
  2. I need to add more space between each menu item… right now they’re too “close” to each other.

Thanks for the help!

#2

Hello Jacko,

Thanks for asking. :slight_smile:

  1. You can add following CSS under X > Theme Options > CSS:
.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: inset 0 4px 0 0 #4AAA49;
}
  1. You can adjust the spacing between menu items from X > Theme Options > Header > Links Alignment > Navbar top links spacing (px).

Thanks.

#3

Thank you very much, that worked great!

#4

You’re welcome. Glad we could help.

#5

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