X Icon left side main nav link spacing options not working

[happydogsnyc]

I have X with the Icon stack and have the main menu in the left position.

See the site here.

I want the vertical space between the menu items to be smaller. In X > Theme Options > Header, I have set all three settings under Links – Alignment to 0, i.e. Navbar Top Link Alighnment, Navbar Top Link Spacing, and Navbar Side Link Spacing, and it makes no difference.

Please help.

[friech]

Hi @happydogsnyc,

Thank you for writing in, it is actually the Navbar Side Link Alignment that control that spacing. Currently, its already on its minimum spacing so you don’t see any changes even if you set it to 0.

But if you still want the menu to get more closer, you can use the custom CSS below.

.x-navbar .desktop .x-nav>li>a>span {
	padding-top: 2px;
	padding-bottom: 2px;
}

Feel free to adjust the 2px value.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers!