Navigation spacing

My header navigation is separated into two rows. I’d like it to be spaced closer together on one row. any idea how to do this? martinpictures.com

Hello there,

Thank you for contacting us.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 768px) {
      #site-navigation.col-md-6 {
        -ms-flex: 0 0 57%;
        flex: 0 0 57%;
        max-width: 57%;  
      }
    }

    @media only screen and (min-width: 1200px) {

      #site-navigation.main-navigation li:first-of-type {
        padding-left: 5px;
      }
      
      #site-navigation.main-navigation li {
        padding: 0 5px;
      }
      
    }

Regards,
Kharis
aThemes Support

Thank you!!! Worked great!!!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support