Reduce space in the navbar

goodshots

Hi,
I want to reduce the space between the menu items in the navbar. Could anybody provide me with the correct CSS code?

Thanks for your help.
Dani

AceCo55

See post #15 here to see if it does what you want:
http://www.dgrin.com/showthread.php?t=245699&highlight=menu+spacing

goodshots

Hello AceCo55

Thank you very much for your quick reply. Unfortunately, I wrote my first post too quick. I don't have a horizontal menu - it's a vertical one on the left side (www.goodshots.ch).

Dani

leftquark

This should work. Feel free to change 7px to something else:

.sm-page-layout-region-left .sm-page-widget-nav-toplink, 
.sm-page-layout-region-left .sm-page-widget-nav-toplink:last-child {
   padding: 7px 0px !important;
}

goodshots

Hi Leftquark
Thanks for your help. It seems it's not possible. With the code you provided, I can increase the space but I can't reduce it (0 px is the standard setting). Doesn't matter. I can live with it :-)

Allen

goodshots wrote: »

Hi Leftquark
Thanks for your help. It seems it's not possible. With the code you provided, I can increase the space but I can't reduce it (0 px is the standard setting). Doesn't matter. I can live with it :-)

See if this works

.sm-page-layout-region-left
.sm-page-widget-nav-vertical li {
margin-bottom: 10px !important;
}

leftquark

The extra space between navbar elements is because of the margin-bottom being set to 24px between each element ... as seen here:

.sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-vertical .sm-page-widget-nav-toplink {
margin-bottom: 24px;
}

So if you use something like Allen wrote, or the following, it should work:

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

goodshots

Hi Allen, Hi Leftquark

This is the way I like it. Thank you very much to both of you for your help!!!

Best regards, Daniel

BHPix

How about the sub menu's that accompany the main nav
The code you propose works great for the main nav but I would also need similar code for sub menus. It's more esthetics than anything else.

Allen

BHPix wrote: »

The code you propose works great for the main nav but I would also need similar code for sub menus. It's more esthetics than anything else.

Vertical or horizontal menu?

leftquark

BHPix wrote: »

The code you propose works great for the main nav but I would also need similar code for sub menus. It's more esthetics than anything else.

Could you post a link to your site so I can generate the code for you?