Main menu items smaller padding

Hi,

I would like to set less padding around main menu items to fit my 7 menu elements in one row and set 10 pixel space between the logo and main menu (see attached).

Thanks in advance.

Please use this code in override.css file :

Code: Select all

#gkMainMenu > div.gk-menu > ul > li > a {padding: 0 10px !important}

and then make sure that option 'Use override css' is enabled under template advanced settings tab. Value 10px you can of course adjust to your site.

It works.
Thank you.