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

PR 2017/7/8

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

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

投稿者

投稿
- 2017年7月8日 11:07 PM #53740
  
  taiki
  ゲスト
  
  モバイル表示でのmainNavで、背景色がmobile.cssに書かれていて子テーマで上書きする形になってしまっているので、
  カスタマイザー設定からできたらいいのになと思いました。
  
  参考トピック:モバイル版表示(？)の際のヘッダーナビの色がおかしい
- 2017年7月9日 8:52 PM #53750
  
  わいひら
  キーマスター
  
  素のSimplicityの状態である、デモサイトではそのような表示にはなっていないようです。
  https://simplicity.sample.mixh.jp/
  
  テーマカスタマイザーをどのように設定したら、不具合を再現出来るような状態になりますでしょうか？
- 2017年7月20日 3:59 PM #53991
  
  taiki
  ゲスト
  
  現在携帯から https://simplicity.sample.mixh.jp/ を確認したところ、同じ現象が確認されました。
  PCブラウザからは確認できないようです。
  
  やはりかうたっくさんのお返事通り、
  
  mobile.css内の
  #navi ul li a { font-size: medium; padding: 10px; color: #fff; background: #777; overflow: hidden; }
  のbackground: #777;が原因のようです。
- 2017年7月20日 5:06 PM #53994
  かうたっく
  ゲスト
  カスタマイザからグローバルナビ色を『どピンク』に設定。
  
  CSSでaタグ背景を『赤』指定したら赤。#dddならグレーに。※バージョン: 2.5.0e、2.5.7で確認
```
a {
  background: #ff0000;
}
```
  カスタマイザの優先度が低く、そこでの設定が反映しないから、検討してもらいたいってことでしょうか。
- 2017年7月20日 7:15 PM #54007
  わいひら
  キーマスター
  とりあえず、mobile.cssの背景色は不要な感じですね。
```
#navi ul li a {
  font-size: medium;
  padding: 10px;
  color: #fff;
  /*background: #777;*/
  overflow: hidden;
}
```
  とりあえず次回は、上の状態で公開しようと思います。
  その後、色に関する機能追加も必要なものを検討してみようと思います。
- 2018年3月25日 12:40 AM #59443
  
  克明
  ゲスト
  
  https://bittocoin-kenkyubu.com
  なのですが、ヘッダーを設定して、トップページの仮想通貨の欄にカーソルを合わせると記事が表示されるのですが、2桁以上のタイトルの場合次ページと重なってわけがわからなく表示されてしまうのですがどうすればよろしいでしょうか？
  緊急です。よろしくお願いいたします。
  上記のurlで表示されない場合は、http、もしくはbittocoinから入力し確認お願いします。
- 2018年3月25日 7:28 AM #59446
  かうたっく
  ゲスト
  ヘッダーを設定して、トップページの仮想通貨の欄にカーソルを合わせると記事が表示されるのですが、2桁以上のタイトルの場合次ページと重なってわけがわからなく表示されてしまうのですがどうすればよろしいでしょうか？
  
  色々触っていると、グローバルナビのプルダウン時のタイトルが重なるって事がですね。
  http://netakiri.net/uploader/src/up0421.png
```
#navi .sub-menu li, #navi .children li {
	height: auto;
}
```
  コチラを追記してください。
  
  モバイルの事だと思ってました…※プラグインを使用されてたので、何の事だか意味が分からず大混乱しました笑
  http://netakiri.net/uploader/src/up0420.png
  
  この部分。と画像があれば、回答側的には探し回らずに済むので、次回以降は
  よろしくお願いしまぁす❦
  
  http://netakiri.net/uploader/upload.html
投稿者

投稿