I think you need a container element (something that will hold both your controls and menu underneath at a certain width and centered).
Here is a example CSS (tweak it to your needs):
.container {
width: 80%;
max-width: 1250px;
margin: 0 auto;
}
1
solved How can I align two flex boxes to follow each other? [closed]