I would like to create a simple navbar button that is centered on my page. The button is my brand's image, and when I click on it the navigation links appear immediately below, centered, beneath the button. I am able to create it slightly, but I can't figure out how to do it without a lot of messy positioning. Here is an example on the test page.
The problem with this example is that it is not responsive and the positioning of the navlinks below are not predictable. I cannot be sure that this would look the same on every browser or screen. I tried centering every single box, but it doesn't seem to actually affect the positioning of the links.
Do you all know of a way to cleanly have the navigation links centered below the navigation button (which is centered at the top of the page?)
I've shared my public link below, and the navigation button is on the "our venue" page;