Make primary nav menu font size small, and padding less

[Sharon]

Sharon

March 21, 2016 at 6:27 pm

I need to make the nav menu font size a little smaller and the padding around links a little less. Here’s the code placed in Advanced Settings/Custom CSS you already gave me to make the nav menu sticky. Where would I change the font size and padding? My reason is after adding another primary nav link, Home link overlaps logo icon when logged in.

.sticky-wrapper.is-sticky > #nav-main .sf-menu:before {
content: ”;
height: 60px;
overflow: hidden;
position: absolute;
float: left;
top: 0px;
display: block;
margin-left: 20px;
width: 175px;
background: url(‘*Login to see link no-repeat center center;
background-size: contain;
}

–
here are a few other codes also:
.sticky-wrapper > #nav-main ul.sf-menu {
float: none;
text-align: center;
}
.sticky-wrapper > #nav-main{
padding: 10px 0;
}
.sticky-wrapper > #nav-main .sf-menu>li {
display: inline-block;
float: none;
}
.is-sticky #nav-main {
margin: 0;
background: #fff;
width:1170px;
}