モバイルメニュー(アコーディオン デフォルト)の背景の空欄部分の色の替え方

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など モバイルメニュー(アコーディオン デフォルト)の背景の空欄部分の色の替え方

このトピックには4件の返信が含まれ、1人の参加者がいます。2 ヶ月、 1 週前 ナナ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #61928

    ナナ

    質問お願いします。
    モバイル用メニュー(アコーディオン デフォルト)の背景の色を変えようと調べていた所、下記の質問ページにたどり着きました。

    https://wp-simplicity.com/suport/topic/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E3%80%8C%E3%82%A2%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%82%AA%E3%83%B3%EF%BC%88%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB/

    書いてあった通りに
    #navi ul li a {
    background-color: #045363;
    }
    をmobie.cssに書き込んだところ、メニューの背景色を変更することができました。

    けれども、全体の色が変わるのではなく、文字が右にずれているところ(下の階層に入っている)ところは、左側の空欄になった部分が別の色の背景になってしまっています。

    メニューの上から下まで一色で同じ色にしたいのですが、どこを変更すればいいでしょうか?
    よろしくおねがいします。

  • #61938

    Akira

    下記サイトを拝見すると、ナビの背景色はおっしゃっているような状態にありません。解決されたでしょうか?

    https://reha.blue/

    私であれば CSS で指定するのではなく、テーマ設定の「色」にある「グローバルナビ色」で変更します。

  • #61953

    ナナ

    Akira様

    見ていただけていたのですね。
    ありがとうございます。

    変なのでもとに戻してました。
    症状の出ている状態に戻したのでよかったらみていただけますでしょうか?
    濃いブルーのところを薄い水色にしたいです。

    グローバルナビの色変更を試してみました。
    スマホのメニューの色は変わらず、PCのメニュー部分の色だけ変わったようです。

    よろしくお願いします。

  • #61954

    Akira

    スキンの CSS が影響しているようです。

    子テーマの mobile.css に、このようにお書きになっています。

    #navi ul li a {background-color: #f0f8ff;}

    これを下記のようにお書き換えになると、ご希望の状態になると思います。

    #navi ul li a,
    #navi ul.sub-menu,
    #navi ul.children,
    #navi ul > li {
      background: #f0f8ff;
    }
  • #61955

    ナナ

    Akira様

    希望していたものになりました!
    ありがとうございました(^.^)
    助かりました。

トピック「モバイルメニュー(アコーディオン デフォルト)の背景の空欄部分の色の替え方」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)