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

PR 2019/8/7

このトピックには4件の返信、1人の参加者があり、最後にナナにより6年、 6ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2019年8月2日 5:21 PM #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に書き込んだところ、メニューの背景色を変更することができました。
  
  けれども、全体の色が変わるのではなく、文字が右にずれているところ（下の階層に入っている）ところは、左側の空欄になった部分が別の色の背景になってしまっています。
  
  メニューの上から下まで一色で同じ色にしたいのですが、どこを変更すればいいでしょうか？
  よろしくおねがいします。
- 2019年8月5日 10:20 AM #61938
  
  Akira
  ゲスト
  
  下記サイトを拝見すると、ナビの背景色はおっしゃっているような状態にありません。解決されたでしょうか？
  
  https://reha.blue/
  
  私であれば CSS で指定するのではなく、テーマ設定の「色」にある「グローバルナビ色」で変更します。
- 2019年8月6日 9:58 PM #61953
  
  ナナ
  ゲスト
  
  Akira様
  
  見ていただけていたのですね。
  ありがとうございます。
  
  変なのでもとに戻してました。
  症状の出ている状態に戻したのでよかったらみていただけますでしょうか？
  濃いブルーのところを薄い水色にしたいです。
  
  グローバルナビの色変更を試してみました。
  スマホのメニューの色は変わらず、PCのメニュー部分の色だけ変わったようです。
  
  よろしくお願いします。
- 2019年8月6日 11:01 PM #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;
}
```
- 2019年8月6日 11:12 PM #61955
  
  ナナ
  ゲスト
  
  Akira様
  
  希望していたものになりました！
  ありがとうございました(^.^)
  助かりました。
投稿者

投稿