Center menu and put space between logo and menu

I have reviewed other posts and can’t find exactly what I am looking to do. I want the menu to be centered. Also, need some space between the logo and the menu line. With the code #mainnav {
float: left; } it aligns it to the left, omit it and it aligns it to the right.
website is www.mckaybusinessconsulting.com

Hello there,

From your site admin area (/wp-admin), visit Appearance > Customize > Header area > Menu style > select “Centered (menu and site logo)”. To add more space between logo and menu, put the below CSS code to Additional CSS under customize.

    .site-header .col-md-4 {
      margin-bottom: 40px;  
    }

Regards,
Kharis

the menu and logo is centered but I only want the menu centered. i want the logo set to the left.

To left align the logo, you’ll need to add this extra CSS code:

    .header-wrap .col-md-4 {
      text-align: left;
    } 

Regards,
Kharis