Thanks for trying Andrew … figured the height issue out with your help.
Needed to use REM heights along with what you said above –
.primary-navigation li {
border: 0;
display: inline-block;
height: 3.188rem; (reduce this to reduce height of navbar)
line-height: 3.188rem; reduce this to reducew height of hover colour)
position: relative;
text-align: left;
}
Still haven’t figured out how to reduce font size though?