確認なんですが、最終的には添付画像のような見た目にしたいということでしょうか？

その通りです

このページで試しました。

https://gyazo.com/0e17db22d68e78bbf69696af54c07b04

.navi-in {
	width: 100%;
	background-color: #F5F5F5;
	border: #93886D 5px solid;
	border-right: none;
	border-left: none;
}

#navi .navi-in > ul > li {
	width: 25%;
}

実際に設定を行ってから、ご自身の環境でご確認いただけますか。

Simplicityのコード

#navi .menu{
  zoom: 1;
  list-style-type: none;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: space-between;
  background-color: #F5F5F5;
  border: #93886D 5px solid;
  border-radius: 0;
  border-right: none;
  border-left: none;
}

この部分ははじめのCSSの.navi-inと指定が変わります。

#navi .navi-in > ul > liは、リストが4個なので25%に。

記載はPCビューのみ確認、その他は設定によって変わるかも知れませんし不明です。

設定してご確認ください。

ありがとうございます。

Simplicityの該当箇所を1つめのコードへ変えれば良いのでしょうか。

ごめんなさい。勘違いでした。今のコメントはスルーしてください。

あっ、全然大丈夫です！

ただ今後Simplicityからcocoonに乗り換え、グローバルナビがうまく反映しない人に、検索から伝わればと書いたまでで。

一度設定をして頂いて、ためして頂いた結果を書いていただけたら。と思います。※検索ユーザーさんは結果のみ知りたいはずですので。

不明点を含めてもらった際、URLがあれば現状、
回答が付きやすいかと思われます＾＾

ありがとうございます。試してみたら装飾が表示されました。

SimplicityとCocoonでは使用しているセレクタが違うようですね。

図々しいようですがフォントやホバーアニメーションも表示できるようにするには親テーマのstyle.cssを見直さなければいけないですよね。

フォントやホバーアニメーションも表示できるようにするには親テーマのstyle.cssを見直さなければいけないですよね。

親テーマのCSSを見直すというより、テーマにあったセレクタを付ける感じです。

カスタマイズ方法を書いているサイトさんも多いかと思うので、そのセレクタを参考にチャレンジ➡キャッシュがない状況でチェックしてみると、比較的対応しやすいかと思います。

ただ『もぉマジ、全然できないよぉ…』ってときは、状況を見せて頂けたらと思います。※コードだけだとワケわかんないですので、該当URL付きだと早そうです❦

新規トピックをたてると同じ内容で困ってるかたにも、検索から参考にして頂けると思うので、新たにトピックを立てるのがオススメします！

ありがとうございます。

自分で頑張ってみて出来なかったら新たにトピックを立てます。