スマホ表示時にグローバルナビを常に表示したい

Simplicityの特徴 フォーラム Simplicityについての質問 スマホ表示時にグローバルナビを常に表示したい

  • このトピックには10件の返信、2人の参加者があり、最後にiceにより2年前に更新されました。
10件の返信スレッドを表示中
  • 投稿者
    投稿
    • #58988 返信
      ice
      ゲスト

      同様のtopicが過去にもあったのを確認したのですが、具体的にどのcssを変更すれば対応出来るかが分からなかったのでご質問です。

      スマホ表示時にグローバルナビを常に表示したいのですが
      PC表示での横幅を狭めた場合のグローバルナビについては
      responsive-pc.cssの #mobile-menuと#navi ulの対応で出来ました。

      そしてスマホ表示時はmobile.cssかと思い書き換えてみたのですが変化がありませんでした。
      どのCSSを変更すればスマホ表示時もグローバルナビを常に表示することが可能でしょうか?

      お手数おかけしますが、ご回答頂ければありがたいです。
      なおバージョンは2.4.0iとなります。

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

      ちょっと、完成形というか、「スマホ画面でどのようにグローバルナビを表示したいか」がわからないと、ちょっと何ともいえないかもしれません。
      パソコンで表示する事を同様に表示したいとか、モバイル表示のアコーディオンが開かれた状態で表示したいとか、みたいに。

      あと出来れば、案内にもあるようにカスタマイズ対象のURLを貼り付けていただければと思います。

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    • #58994 返信
      ice
      ゲスト

      説明が足りず申し訳ございません。

      完全レスポンシブデザインにしているのですが

      responsive-pc.cssで
      #mobile-menu{display:none; !important}
      #navi ul{/*display:none;*/}
      を指定した場合

      PC画面で横幅を小さくしてもグローバルナビが表示されたまま(アコーディオンが開かれた状態といえばいいのでしょうか)には出来たのですが
      スマホで確認するとアコーディオンが閉じられた状態のままになっていたので、何処を書き換えれば対応出来るかが知りたかったのです。

      ※WordPressの外観→カスタマイズ→下部にある表示切替では、PC表示と同等の切り替えは出来ていました。

      後すみません、対象ページURLというのは当方のサイトアドレスの事でしょうか?

      以上よろしくお願いします。

    • #58999 返信
      かうたっく
      ゲスト

      後すみません、対象ページURLというのは当方のサイトアドレスの事でしょうか?

      この場合はグローバルナビが表示されているページのことです。サイトのトップページも個別ページも表示されていることでしょうから、カスタマイズしたいサイトのURLのことです。

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

      紛らわしい書き方で申しわけありません。かうたっくさんが書かれているように、サイトアドレスでOKです。

    • #59020 返信
      ice
      ゲスト

      http://www.shiawase-sagashi.com/blog/
      となります。

      PC表示で横幅を狭めればグローバルナビが改行されずれていくと思いますが
      スマホ表示だとそれが出来てなくて困っている次第です。

    • #59021 返信
      かうたっく
      ゲスト

      PCの調子がわるいか、読み込みに時間がかかってしまいカクカクしてましたが、見てみるとスマホでもグローバルナビが表示されているようです。

      なのでどのように崩れてるのかがわかりません。キャッシュのない状態で一度ご確認いただけますか。

    • #59027 返信
      ice
      ゲスト

      スマホで常に表示されていますか?
      当方が確認したスマホ端末だとアコーディオンをクリックしないと表示されなくて困っていたのです。
      タブレットだと問題ない可能性はあります。

      CSSを書き換えて色等が反映されていたので多分キャッシュの問題ではないと思うのですが良くわかりません。

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

      僕の環境では以下のようには表示されているようです。

      修正するとしたら、メニューあたりの横幅を広げるくらいでしょうか。

    • #59044 返信
      かうたっく
      ゲスト

      PC表示で横幅を狭めればグローバルナビが改行されずれていくと思いますが
      スマホ表示だとそれが出来てなくて困っている次第です。

      ズレていくというのが分かりませんが、メニューリストの幅が入りきらなくなれば下へ表示される感じです。インラインのイメージでわかりますかね?
      改行されずズレると言った感じが不明ですが、その印象ではないです。

      わいひらさんの状態と同じで見えてましたよ。クリックせずにスマホでも表示された状態です。幅が少し広いスマホでは2列のリストになって、2列のリストが入りきらない場合は1列で表示されてますよ。

      使ったことがないブラウザで確認すれば分かりやすいかもしれません。例えばFireFox・ドルフィン・名前が出てこない…3文字のブラウザ‥あっ、operaなど。

    • #59056 返信
      ice
      ゲスト

      わいひらさんの画像を見るとアコーディオンは表示されず、
      グローバルナビは常に表示されているようなので、当方が使った端末が悪かったかもですね。

      メニューの中身については幅未調整だったので想定内です。
      とりあえずグローバルナビは表示されているだろうという想定でCSS編集して非ブログのページに合わせてみます。

      ありがとうございました。

10件の返信スレッドを表示中
返信先: スマホ表示時にグローバルナビを常に表示したい
あなたの情報:




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