解決済み
Question

ハンバーガーメニューの背景色について

  • ゆづかり原神
  • お世話になっております。
    スマホ用にハンバーガーメニューを設定したのですが、『デモプリセット記事 Part08』と相性が悪いのか、背景色と文字色が同化して見えにくくなってしまっています。

    外観カスタマイズの文字色を変更するとメニュー内の文字色も変わりますが、デモプリセット記事 Part08の文字色も変わってしまいます。

    ハンバーガーメニューの背景色を、デモプリセット記事 Part08の背景色と同じに変更することはできないでしょうか?

    問題となるページ : https://www.raguneko.website/
    • WP 6.2
    • PHP 8.1
    • JIN:R 1.1.1
    • Conoha Wing
    • GoogleChrome
    • Windows11
    2023/06/11 15:49
  • tsu_

    こんにちは!
    JIN:R運営チームのtsu_です。

    URLありがとうございます。

    追加CSSに以下のコード書いてみて変化があるかご確認いただけますか??

    .a--hamburger-menu-title,
    #hamburgerMenuList .menu-item a,
    .c--menu-bar {
    color: #000;
    }
    .js--hamburger-active.c--menu-trigger .a--menu-bar {
    background-color: #000;
    }

    よろしくお願いいたします!

    2023/06/11 23:34
  • ゆづかり原神

    ご対応ありがとうございます!
    文字色は変化しましたが、背景色は変わりませんでした。

    2023/06/12 01:41
  • tsu_

    申し訳ありません、もともと背景色の内容でしたね。。。

    前回お伝えしたコードを消して、以下のコードで試してみていただけますか?

    .o--hamburger-menu-container.js--hamburger-open {
    background-color: rgba(44, 57, 71, .5);
    }

    2023/06/12 12:15
  • ゆづかり原神

    無事に変更できました!!
    本当にありがとうございました。

    2023/06/12 12:29
CLOSE