I recommend asking at https://wordpress.org/support/theme/primer so the theme’s developers and support community can help you with this. Also, posting a link to your site would be helpful.
I did post this there. Here is the link.
http://ee1.1df.myftpupload.com/
remove all your other menu CSS with the ‘margin: auto;’
this might work:
.menu-primary-menu-container {
display: block;
text-align: center;
}
#menu-primary-menu {
display: inline-block;
}
Thanks!
That worked.. the only issue is that there is now a little extra space between the hover block and the bottom of the container.
Trying to figure that out now. If you have a fix please let me know.