Creating space between Navigation links in header

I have a site using the Bailard Template. My main navigation links in the header overlap with my background picture in a weird way so what I'd like to do is have four nav links on the left then a space in the middle and the other three links on the right of the header. How do I go about creating this space between these two groups of main nav header links?

Any help would be very much appreciated. I can't code but I know how to inject it and alter it a little. 

Thanks!

- Dan

Hi. Can you share site url? We can check easier

Hi thank you so much for responding!  The site is password protected for various reasons but in this screen shot maybe you can see what I mean.. I'd like the rest of the nav links to appear just to the left of the "sign up" button. If I were to continue my nav links after "Contact" for example, the drop down menus from them will overlap with my large logo in a way that makes things look awful because you can see the black boxes surrounding them. (*see second screenshot of what happens when I add more nav "test" links.) Getting rid of the black around the letters so that just the letters in the links are visible and nothing else would also be an acceptable fix..

Can you share access password?

Oh hey Tuan. I've emailed you about this recently anyway but just in case you get to this first. Access password is :  accessgranted77

Sorry about all the questions all around the place. Being new I know I probably have way too many around 🙂

On 6/23/2021 at 8:03 AM, mhouseofsport said:

Oh hey Tuan. I've emailed you about this recently anyway but just in case you get to this first. Access password is :  accessgranted77

Sorry about all the questions all around the place. Being new I know I probably have way too many around 🙂

Hi. I don't see site url. Can you share it again?