I have an issue that I’m limited to the amount links I can add before the links start to spill onto the bottom of the header. Can you provide me with the css code to modify the navigation header for desktop, tablet, mobile?

See my site layout change: http://rfa.startuppro.io/wp-content/uploads/2016/05/nav.jpg

See link to Air BNB, they have the logo to the far left of the browser and links to the far right: https://www.airbnb.com

Sure thing, simply add this CSS to the Theme options -> Custom CSS or your child theme CSS file:

#header .container {
    width: 94%;
}
.container.mega_menu_holder {
    width: 100% !important;
}