スマホ表示のハンバーガーボタンの下の「MENU」という文字を無しにしたい

  • このトピックには5件の返信、3人の参加者があり、最後にJKDECORにより1ヶ月、 3週前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #43034
    JKDECOR
    参加者

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】5.3.2
    【お使いのブラウザ】Safari
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    スマートフォンで表示した時に

    右上に出るハンバーガーボタンの三本線の下に表示される

    MENUという文字を消すことはできますか?

    ご確認のほど、よろしくお願いいたします。

    0
    #43047
    Rocket Martue
    参加者

    CSSで非表示にするのはどうでしょうか?

    追加CSSに以下のコードを記入することで、アクセシビリティを損ねることなく非表示にできます。

    .c-hamburger-btn__label {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    }
    2
    #43051
    JKDECOR
    参加者

    ご返信ありがとうございます!

    私HTMLについて全く知識がないのですが、

    カスタマイズの追加CSSに

    教えて頂いたコードを書き込んだら

    2カ所のエラーが出て、

    アラートに「サイトを壊してしまうかもしれないがそれでもアップデートしますか?」

    と出て怖くてやめてしまったのですが、

    大丈夫でしょうか?

    0
    #43149
    Rocket Martue
    参加者

    2カ所のエラーが出て

    コードをそのままコピペすれば、エラーは出ないと思いますが、どのようなエラーが出ていますか?

    0
    #43153
    キタジマ タカシ
    キーマスター

    Rocket Martueさん書き込みありがとうございます!!

    JKDECORさん、テーマ編集からテーマのCSSファイルを編集しようとすると、壊れるかも云々のメッセージはでます。

    外観→カスタマイザー→追加CSSと進むと出ないと思うのですが、そこで出る感じですかね?

    0
    #43158
    JKDECOR
    参加者

    あ!でませんでした!!

    そしてMENUの文字が消えました!

    Rocket Martueさん

    キタジマさん

    お正月からありがとうございます😊

    0
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「スマホ表示のハンバーガーボタンの下の「MENU」という文字を無しにしたい」には新しい返信をつけることはできません。