カスタムメニューをウィジェットに挿入すると

横並びにするのは簡単にできると思いますが、親メニューにサブメニューのアリで難易度が跳ね上がります。
そこらはどうでしょうか？

メニューは親メニューだけとなっております。

親メニューだけなら、

ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
  margin: 5px;
}

か、

ul {
  幅・高さ設定(floatすると高さが無くなります)、margin,padding:0、もしくは必要な数値。
}

ul li {
  list-style: none;
  float: left;
  margin: 5px;
}

ぐらいですけど、わいひらさんの言われているようにセレクタがどうなっているかで書き方がちょっと変わるかも知れません。flexの方は書いた内容以外にベンダープレフィックスが必要になるかと思います。

ulの中のliにfloatを設定するとliが浮いている状態になるのでulの高さが無くなります。ulの後に何か続く場合は、その要素にclear:bothが必要になる場合があります。そのため、widgetに高さをもたせるかulに高さを持たせるような感じにする必要が出てきます。

ul::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

こんな感じにするとfloat要素による問題を回避することができます。

flexの場合は、高さは問題なく出るのでこういった配慮はいりませんし、自動で親要素のサイズに合わせてレスポンシブになります。ただしベンダープレフィックスが必要になります。

＆quot; は " つまり、shift + 2または7のクォートです。

ご丁寧な対応ありがとうございました。

まだ作ったばかりのブログなので、恥ずかしいのでURLはお見せできません。

テーマはまだダウンロードしたばかりなので、何もいじっていません。ありがとうございました