How to reduce padding in nav menu items?

[Melissa]

Melissa

November 25, 2017 at 1:21 pm

Hi, on
*Login to see link I am trying to reduce the distance between the menu items in the nav bar in order to squeeze more items in the nav bar. I reduced the padding from 10, 20 to 10, 20 by entering the text in the code snippets plug-in (earlier I tried the site origin plugin) but I cannot get the change implemented. In inspector the update looks nice.
How to proceed?

sf-menu a {
color: #444;
text-align: center;
font-weight: 400;
display: block;
position: relative;
text-decoration: none;
padding: 10px 10px;
transition: color .3s ease-out,background .3s ease-out;
-webkit-transition: color .3s ease-out,background .3s ease-out;
-moz-transition: color .3s ease-out,background .3s ease-out;
-o-transition: color .3s ease-out,background .3s ease-out;
}

Thanks. I only have nights and weekends to work on the site so I appreciate the help.
Melissa