To reduce the space between menu items in website menu bar

How to reduce the space between menu items in website menu bar?

Q: Dear Support,

Is it possible to reduce this spacing between menu items?

My goal is to reduce the overall height of the vertical menu.

A: For this purpose you should open style.css file in any text editor and reduce the value of
'padding' property, for example:

ul#css3menu1 a{

display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold
14px Trebuchet MS;color:#000;text-shadow:#FFF 0 0
1px;cursor:pointer;padding:10px;


to change to:

ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold
        14px Trebuchet MS;color:#000;text-shadow:#FFF 0 0
1px;cursor:pointer;padding:5px;

Related