It sounds like you're seeing only 3 circles per row because your theme is responsive to your browser's size/width. If you resize your browser, your theme is responding by organizing the circles differently. Try expanding the width of your browser.
Secondly, here is some simple CSS to make your nav expand a bit so all the links fit on one line when your browser is widened. BUT, please make sure you only put this CSS in your child theme's stylesheet or wherever your theme allows custom CSS.
Now, like I said that is more of a quick fix, because when you resize your browser the links now kind of float under the title until it gets to "mobile" size and shrinks into a simple drop down Menu.
Hope that helps. Good luck! And, let me know if I can be of further help.