モバイル版表示(？)の際のヘッダーナビの色がおかしい

PR 2017/7/8

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

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

投稿者

投稿
- 2017年7月8日 7:17 PM #53724
  taiki
  ゲスト
  お世話になっております。
  
  例の公式サイト(junzatu.com)を制作していて、モバイル版表示(？)を見てみたところ、一部おかしなことになってしまいました。
```
<ul id="menu-mainnav" class="menu" style="display: block;">
	<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-13 current_page_item menu-item-15"><a href="http://junzatu.com/">トップ</a></li>

	<ul class="sub-menu" style="display: block;">
		<li id="menu-item-111" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-111"><a href="http://junzatu.com/category/blog/junzatu/">純雑</a></li>
		<li id="menu-item-110" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-110"><a href="http://junzatu.com/category/blog/site/">サイト</a></li>
	</ul>
</li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://junzatu.com/contact/">お問い合わせ</a></li>
</ul>
```
  というコードで、多分すべてのliタグに灰色(？)の背景色がついていました。
  ナビリンクホバー色は反映されていまいた。
  
  カスタマイザー設定を探してみたのですが見当たらず…
  どうすれば解決するのでしょうか…
  
  ちなみに色はPCと揃えたいと思っています。(#1E73BE)
  
  CSSで指定するのでしょうか…
  だとしたら具体的な方法を見せていただけたらと思います(書く場所とレスポンシブの書き方がわからないので…)
  
  よろしくお願いします。
- 2017年7月8日 7:32 PM #53727
  
  かうたっく
  ゲスト
  
  想像しにくいので、URLを置いてもらえたら、どなたか対応可能です。
  
  .menu-item
  .menu-item-type-taxonomy
  .menu-item-object-category
  
  の背景色がどこかで指定されている！
  
  としかわかりません。
  
  カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
- 2017年7月8日 7:37 PM #53728
  かうたっく
  ゲスト
  間違えちゃいました＾＾；
  
  書いてらっしゃるのに、すみません＞＜
  
  mobile.cssの下記の記載に書いてあるようですーー
```
#navi ul li a {
  font-size: medium;
  padding: 10px;
  color: #fff;
  background: #777;
  overflow: hidden;
}
```
  background: #777;を消すと青になりますねっ❦
  そして、なんだかごめんなさい・・・。
- 2017年7月8日 11:03 PM #53739
  taiki
  ゲスト
  早速のご回答、ありがとうございます(≧∇≦)/
  
  なるほど、そいつが邪魔していたんですね…
  子テーマのstyle.cssに
```
#navi ul li a ,#navi ul.sub-menu ,#navi ul.children {
	background: #1E73BE;
}
```
  と実装してみたところ青くなってくれました(^o^)
  ありがとうございました。
  
  要望でカスタマイザー設定からできるように依頼してみようかな…
投稿者

投稿