Adjusting the spacing of horizontal menu items

richpepp

Hi folks

Does anyone know how to adjust the spacing between menu items if you are using a vertical menu bar on the left. The css looks like it should be .sm-page-widget-nav-toplink { margin-bottom: 15px; } or something like that but I'm clearly not being specific enough as it is being overridden by the theme settings.

Anyone done this yet?

tx

Rich

Allen

richpepp wrote: »

Hi folks

Does anyone know how to adjust the spacing between menu items if you are using a vertical menu bar on the left. The css looks like it should be .sm-page-widget-nav-toplink { margin-bottom: 15px; } or something like that but I'm clearly not being specific enough as it is being overridden by the theme settings.

Anyone done this yet?

tx

Rich

Try padding instead of margin. Probably top and bottom.

richpepp

and the answer is

.sm-page-widget-nav-toplink {
margin-bottom: 16px !important;
}

I had missed out the !important flag

or, if you prefer to avoid using !important then you can use this
.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-vertical .sm-page-widget-nav-toplink {margin-bottom:16px}