Reduce distance between menù items in the main menù top bar

Dear Inkthemes Gurus,
I need to reduce distance between items in the main menù top bar in order to let all voice to stay in the same row (now I had to cut words!).

Thanks in advance
Best Regards,
Mr Gianluca Sanna

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a{
margin-left:1px;
margin-right:1px;
}

 

Thanks, worked good, but I need to gain more space in the top menu area, I'd like to reduce a little the rectangle area of each menù voice... How can I do it?

thanks in advance

Regards,
Mr Gianluca Sanna

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a {
padding-left: 10px;
padding-right: 10px;
}

You can adjust the value of "padding-left" and "padding-right" as per your requirement.
This will solve your issue.