Menu size

Hi there - I have too much space above and below the text in my menu bar. I wanted to make it less than standard - so the menu bar is thinner and didn't cover the images as much...and since adding css to centre the menu bar on the page, it's suddenly a lot thicker than normal - bizarre! I would ideally like it to be just a little thicker than the phone bar above it. Thank you so much guys - love how efficient your support forums are.

Here is all the menu related css so far on my site ( www.uppermurraytourism.com )

.header_wrapper .logo img {
max-width: 300px;
max-height: 75px;
}
.header_container.not_home{
background: url(http://www.uppermurraytourism.com/wp-content/uploads/2013/11/Winter-Rural-View-Upper-Murray.jpg);
}
.header_container.not_home{
background-size:100% 100%;
}
#menu ul.ddsmoothmenu {
text-align: center;
}
#menu .ddsmoothmenu li {
float: none;
}
#menu .ddsmoothmenu li a{
float: none;
display: inline-block;
}
.menu-wrapper {
background: rgba(255,255,255,.7);
}
.flex-caption {
opacity: .9;
}
.header_wrapper .call-us {
opacity: .8;
}
.menu-wrapper {
margin-top: 10px;
}
.header_wrapper {
margin-top: 5px;
}
.flex-caption {
position: absolute;
right: 12%;
bottom: 20px;
}
.header_wrapper .logo img {
width: 100%!important;
}

 

Hello,

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

Code:

#menu .ddsmoothmenu {
margin: 0;
}
#menu .ddsmoothmenu li a {
padding-top: 7px;
padding-bottom: 11px;
}

This will solve your issue.

 

Thank you - awesome - looks perfect!