Adjust Space Between Menu Items

.logo {
width: 100%;
}

Remove width from logo.

do as he says. 40% will get you there

.logo {
    width: 40%;
}

That’s not working, unfortunately. It’s just bumped the logo closer to the menu items. I’m trying to move the actual text closer together…:/

nothing will ever fit on the same line as your title as long as your title is taking up 100% width. the width needs to be adjusted. make it small enough to suit your needs.

@mstewart2014
Try decreasing the Site title font size and add this to your Custom CSS:

#topmenu ul li a{padding:20px 10px;}

THE. WIDTH. OF. THE. LOGO. IS. TOO. BIG.

If you want some super hacky, garbage css try this.

#topmenu {
    position: relative;
    top: -60px;
}

You need to adjust logo by decreasing font size.
Or you can use image.