twenty twenty-one モバイル表示「メニュー」に違和感がある

  • 解決済 goshiphoto

    (@goshiphoto)


    3年、 6ヶ月前

    こんにちは。
    twenty twenty-one でモバイル表示の時「メニュー」と縦長に表示されるのですが、カッコ悪です。
    英語版だと「menu」となり、違和感のない表示になります。
    wordpress自体は英語版にしたくありません。
    日本語版のまま、このモバイルメニューの時の表示を「menu」とするか、または「メニュー」で違和感のない表示にしたいです。
    方法がわかる方、お手数ですが教えていただけませんでしょうか？

    ちなみに、この文字を表示させないで3本横線だけ残す方法は見つけたのですが、なんとか文字も残しておきたいです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ishitaka

    (@ishitaka)

    3年、 6ヶ月前

    こんにちは

    下記の CSS で「メニュー」文字列が途中で改行されなくなります。

    #site-navigation .dropdown-icon {
	word-break: keep-all;	
}

    「MENU」に変更する場合は、

    #site-navigation .dropdown-icon {
	font-size: 0;
}
#site-navigation .dropdown-icon::before {
	content: "MENU";
	font-size: 1rem;
}
    トピック投稿者 goshiphoto

    (@goshiphoto)

    3年、 6ヶ月前

    ishitaka様
    早速のご回答ありがとうございます。
    いずれも完全に機能しました。
    一つ目の「メニュー」で改行なしを使わせていただきました。
    これだとメニューを開いた際の同箇所の表記が「閉じる」のままになり、よりお客様にわかりやすいかと思いましたので。
    大変助かりました。
    ありがとうございました！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「twenty twenty-one モバイル表示「メニュー」に違和感がある」には新たに返信することはできません。