Navbar Container not getting bigger!

For some reason I am trying everything to get this navbar div wider, and it is not working.
I tried making it 100vw or even 100%. None of it’s parent elements have any padding or are limited in size.

In fact I tried changing all parent elements to 100vw and nothing happens, same with the element itself. See screenshot below too.

Additionally, is there a way to center/middle align only the nav links? this way the logo is on the left, the call to action is on the right and the links are centered perfectly in the middle of the page. I’ve achieved this through creating a grid but I’m looking for another solid way.

Much appreciated!

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)