Simplicityの特徴 › フォーラム › Simplicityについての質問 › モバイル版表示(?)の際のヘッダーナビの色がおかしい
- このトピックには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^)
ありがとうございました。要望でカスタマイザー設定からできるように依頼してみようかな…
-
-
投稿者投稿
3件の返信スレッドを表示中
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。