How to reduce the space between menu items in dropdown menu using css?

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;

Recent Questions »

Related

Recent Demos



Contact US

For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.

See More