Navbar Alignment

I am trying to align my navbar text to the middle of the navbar box. Right now it is hovering closer to the top. How can I fix this?

See here:


Please try this css code:

#mainnav ul {
    margin-top: 10px;

put the code using custom css plugin or in your child theme

Thank you so much! That worked with the nav bar items, but my website name is still not centered. Any thoughts?

hmm I see, try to adjust this:

.site-title {
        padding-top: 7px;

Worked flawlessly! Thank you very much!