horizontal menu space and font settings?

My site at gallaghertraining.com has too much padding in the horizontal menu for my pages:

How do I remove some of the space and change the font type and size here?

• Home​

  ​
• Meetings & Retreat Facilitators​

  ​
• CEO & Executive Coaching​

  ​
• Workshops & Keynotes​

  ​
• About Bill Gallagher​

  ​
• Resources​

  ​
• Bill Gallagher’s Blog​

  ​

  ​

  ​

  ​

  ​

 

Hello,

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

Code:

#menu .ddsmoothmenu li {
margin-right: 4px;
}
#menu li a {
font-family: symbol ! important;
font-size: 12px;
}

Inplace of symbol you can put your font. you can also change the value of margin-right and font-size as per your requirement.
This will solve your issue.