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

Simplicityの特徴 フォーラム 要望・機能追加など モバイル版表示(?)の際のヘッダーナビの色がおかしい

このトピックには6件の返信が含まれ、2人の参加者がいます。1 年、 3 ヶ月前 かうたっく さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #53740 返信

    taiki

    モバイル表示でのmainNavで、背景色がmobile.cssに書かれていて子テーマで上書きする形になってしまっているので、
    カスタマイザー設定からできたらいいのになと思いました。

    参考トピック:モバイル版表示(?)の際のヘッダーナビの色がおかしい

  • #53750 返信
    わいひら
    わいひら
    キーマスター

    素のSimplicityの状態である、デモサイトではそのような表示にはなっていないようです。
    https://simplicity.sample.mixh.jp/

    テーマカスタマイザーをどのように設定したら、不具合を再現出来るような状態になりますでしょうか?

  • #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;が原因のようです。

  • #53994 返信

    かうたっく

    カスタマイザからグローバルナビ色を『どピンク』に設定。

    CSSでaタグ背景を『赤』指定したら赤。#dddならグレーに。※バージョン: 2.5.0e、2.5.7で確認

    a {
      background: #ff0000;
    }

    カスタマイザの優先度が低く、そこでの設定が反映しないから、検討してもらいたいってことでしょうか。

  • #54007 返信
    わいひら
    わいひら
    キーマスター

    とりあえず、mobile.cssの背景色は不要な感じですね。

    #navi ul li a {
      font-size: medium;
      padding: 10px;
      color: #fff;
      /*background: #777;*/
      overflow: hidden;
    }

    とりあえず次回は、上の状態で公開しようと思います。
    その後、色に関する機能追加も必要なものを検討してみようと思います。

  • #59443 返信

    克明

    https://bittocoin-kenkyubu.com
    なのですが、ヘッダーを設定して、トップページの仮想通貨の欄にカーソルを合わせると記事が表示されるのですが、2桁以上のタイトルの場合次ページと重なってわけがわからなく表示されてしまうのですがどうすればよろしいでしょうか?
    緊急です。よろしくお願いいたします。
    上記のurlで表示されない場合は、http、もしくはbittocoinから入力し確認お願いします。

  • #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

返信先: モバイル版表示(?)の際のヘッダーナビの色がおかしい
あなたの情報:




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