Buildr ( Revision) How to reduce the width between menu items?

ssartjb

Hello -

I would like to reduce the width between the main menu items at the top level and remove the nav-pills.
I was able to do this with an older website I built the original "Revision" by using the custom CSS below. Now that Revision is part of Buildr, this custom CSS no longer works. What can I do instead?
Old Custom CSS :
/Added to remove menu discs in reVision/

#navwrap ul.nav > li.dropdown, #navwrap ul.nav > li.active.dropdown {background: none !important;}

/Added to adjust the width of top nav menu items/

#navwrap ul.nav > li {
padding: 0 3px !important;
}

/Added to remove main menu nav borders in Re-Vision/

#navwrap ul.nav > li {
border-right: none !important;
}

Thank you
Sharon

pavit

Hi ssartjb

Looking at your website rendered code custom.css is still loaded at this url /templates/buildr/css/custom.css

So you can add to it

1) menu space

.zen-menu-horizontal ul a, .zen-menu-horizontal ul .zen-menu-heading  {
padding:0 10px!important;
}

2) Nav pills

.zen-menu ul>li.parent>a:before, .zen-menu ul>li.parent>.zen-menu-heading:before {
content:none!important;
}

Hope it helps

ssartjb

Thank you@pavit#56590