こんにちは
どのようにうまくいかなかったのでしょうか？試したこと（スタイル？）を提示してもらえませんか？
単純に text-align: center ではダメなのでしょうか？
@media screen and (min-width: 767px) {
.menu-menu-1-container {
text-align: center;
}
.menu-menu-1-container .menunav-menu {
display: inline-block;
}
}
CG
(@du-bist-der-lenz)
widthが100%のようだから、ブラウザのウィンドウが広いほど、間延びして見えるかもしれません。項目が十分なれば違和感はないでしょうが、４つの項目を均等割したいということでしょうか。
「Accelerate」テーマを試しました https://tgc.fm-woodstock.com/bekkoame
均等割（メニュー項目10個まで）であれば、下記のようなスタイルでもいいかもしれません。
ul#menu-menu-1 > li:first-child:nth-last-child(1) { width: 100.00%; }
ul#menu-menu-1 > li:first-child:nth-last-child(2), ul#menu-menu-1 > li:first-child:nth-last-child(2) ~ li { width: 50.00%; }
ul#menu-menu-1 > li:first-child:nth-last-child(3), ul#menu-menu-1 > li:first-child:nth-last-child(3) ~ li { width: 33.33%; }
ul#menu-menu-1 > li:first-child:nth-last-child(4), ul#menu-menu-1 > li:first-child:nth-last-child(4) ~ li { width: 25.00%; }
ul#menu-menu-1 > li:first-child:nth-last-child(5), ul#menu-menu-1 > li:first-child:nth-last-child(5) ~ li { width: 20.00%; }
ul#menu-menu-1 > li:first-child:nth-last-child(6), ul#menu-menu-1 > li:first-child:nth-last-child(6) ~ li { width: 16.66%; }
ul#menu-menu-1 > li:first-child:nth-last-child(7), ul#menu-menu-1 > li:first-child:nth-last-child(7) ~ li { width: 14.28%; }
ul#menu-menu-1 > li:first-child:nth-last-child(8), ul#menu-menu-1 > li:first-child:nth-last-child(8) ~ li { width: 12.50%; }
ul#menu-menu-1 > li:first-child:nth-last-child(9), ul#menu-menu-1 > li:first-child:nth-last-child(9) ~ li { width: 11.11%; }
ul#menu-menu-1 > li:first-child:nth-last-child(10), ul#menu-menu-1 > li:first-child:nth-last-child(10) ~ li { width: 10.00%; }
皆さんご回答ありがとうございます。
ishitaka さんの
.menu-menu-1-container {
text-align: center;
}
.menu-menu-1-container .menunav-menu {
display: inline-block;
}
これで上手くいきました。
本当に感謝いたします。
ありがとうございました。
狭幅（767px 以下）デバイスで表示を確認されましたか？
メディアクエリを指定するなどしないと、モバイルメニューと切り替わって非表示にならないと思います。
はい確認しました。
まだ制作中ですので、これからスマホなどは対応していくつもりです。
ありがとうございました。
ishitakaさん
狭幅（767px 以下）デバイスで、モバイルメニューが表示されてるのに、パソコン用の横並びメニューが消えてくれません。そこで
#menu-menu-1{
display: none;
}
と非表示にすると消えてくれるのですが、そうすると今度はモバイルメニューをクリックしてもメニューが開かれず機能してくれません。
どうかお知恵をおかしください！！
よろしくお願いします。。。
ishitakaさん
やっぱり大丈夫でした。
CGさんのご指摘により、初歩的なところを見落としてることに気づきました。
@media screen and (min-width: 768px) {
.menu-menu-1-container {
text-align: center;
}
.menu-menu-1-container .menunav-menu {
display: inline-block;
}
}
大きい時だけ中央揃えにすれば、
#menu-menu-1{
display: none;
}
なんて必要なかったのでした。
お恥ずかしい。
皆さんありがとうございました。
CG
(@du-bist-der-lenz)
親テーマそのままで、ナビゲーション・メニューは中央配置になっているので、『メニューの中央寄せ』が両端を詰めたいということであったとしたら、子テーマでtext-align: center;の必要よりも、.inner-wrap { margin: 0 auto;max-width: 1100px;}とあるわけなので、width: 100%;を任意の数値にするだけではなかったでしょうか。
