メニューバーが崩れてしまいます。

Question

メニューバーを崩れないようにしたいです。
（wordpressでサイトを作っています。）

http://asobinomori-playpark.org/

ウィンドウのサイズを変えるとメニューバーが崩れてしまいます

試したこと

cssで文字のサイズを変えたりはしてみましたが、かわりません。
↓修正したソースコードです。
/* Start Navigation Title Font */
.navigation > li > a,
.top_line_nav > li > a,
.bot_nav > li .menu-item-mega-container > ul > li > a,
.mid_nav > li .menu-item-mega-container > ul > li > a,
.footer_nav li > a {
font-family:'Shin Maru Go Bold', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
font-size:10px;　←←←ここ
line-height:24px;
font-weight:bold;
font-style:normal;
text-transform:uppercase;
}

Comments

[noka_blank]

どういった崩れ方をするのか、画面キャプチャ等で、期待している見た目と現在の見た目をご説明いただけないでしょうか。

また、cssを修正したとありますが、具体的なソースコードをご掲示ください。

[kouji_piano]

すいません。
投稿編集しました。

[yoshinavi]

ESET使用しています。「トロイの木馬」が表示されます。

[yoshinavi]

該当するHTMLとCSSのコードを、コードブロックとして提示してください。
私と同じように、環境により、見れない人も多々いるかと思われます。

[退会済みユーザー]

yoshinaviさんの報告を見て感じたのですがこの投稿以外のワードプレスサイトもトロイの木馬が検出されています。
質問者さんに思い当たるものはないのでしょうか？
疑問です。

[kouji_piano]

海外で購入したテーマなんですよね。
あと有料でインストールしてもらったので安心していたのですが・・・。

[yoshinavi]

各コードはコードブロックで提示されると、検証しやすくなり、より多くの回答を得れるかと思います。

[kouji_piano]

インストールしなおしてみました。いかがでしょうか。

Answer 1

足し算すればフォントサイズじゃどうにもならないくらい幅が足りないのは明らかなんで、適当にはまるようにしてあげればいいんじゃないでしょうか
こんなかんじで

.header_mid .mid_nav_wrap {
    height: 100%;
    position: relative;
    float: right;
    width: calc(100% - 341px);
}

.bot_nav, .mid_nav {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

.navigation li {
    border-color: #f4f4f4;
    width: 12.5%;
}