How to reduce the left / right margin in main menu?

I have a few main menu item which I would like to squeeze toghether a bit ... so that they all fit in one row. How can I use the override.css to get control over this?

Could you please post an url to your site?

Please visit "www.gaiatellus.org" to see this.

From what I see they fit in one row correctly...
But you can reduce the spacing:
Please edit: /templates/gk_storefront/css/override.css and add at its end:

Code: Select all

.gkMenu > ul > li > a {
padding: 0 10px;
}


Remember to enable "CSS override" in template settings - advanced section.

Thanks