サポート » 使い方全般 » twenty twenty-one モバイル表示「メニュー」に違和感がある

  • 解決済 goshiphoto

    (@goshiphoto)


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

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    下記の 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)

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

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