モバイル(スマホ)での表示を修正

 メインサイト(https://cpubox.jp)をモバイルで見ると右上の「メニュー」の文字が途中で改行されていました。

menu_before

 妻が某AIに質問して出された答えがこれ。

/* 「メニュー」の折り返し表示を禁止 */
@media (max-width: 768px) {
.menu-button-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}

 そのまま追加CSSに入力。(クラス名 menu-button-container は実際のものに合わせて変更してあります。)

menu_after

 きれいに修正できました。