Simplicityの特徴 › フォーラム › Simplicityについての質問 › スマホ表示時にグローバルナビを常に表示したい
- このトピックには10件の返信、2人の参加者があり、最後に
iceにより8年、 8ヶ月前に更新されました。
-
投稿者投稿
-
-
2018年2月26日 12:17 PM #58988
ice
ゲスト同様のtopicが過去にもあったのを確認したのですが、具体的にどのcssを変更すれば対応出来るかが分からなかったのでご質問です。
スマホ表示時にグローバルナビを常に表示したいのですが
PC表示での横幅を狭めた場合のグローバルナビについては
responsive-pc.cssの #mobile-menuと#navi ulの対応で出来ました。そしてスマホ表示時はmobile.cssかと思い書き換えてみたのですが変化がありませんでした。
どのCSSを変更すればスマホ表示時もグローバルナビを常に表示することが可能でしょうか?お手数おかけしますが、ご回答頂ければありがたいです。
なおバージョンは2.4.0iとなります。 -
2018年2月27日 12:12 AM #58991
わいひらキーマスターちょっと、完成形というか、「スマホ画面でどのようにグローバルナビを表示したいか」がわからないと、ちょっと何ともいえないかもしれません。
パソコンで表示する事を同様に表示したいとか、モバイル表示のアコーディオンが開かれた状態で表示したいとか、みたいに。あと出来れば、案内にもあるようにカスタマイズ対象のURLを貼り付けていただければと思います。
※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
-
2018年2月27日 9:25 AM #58994
ice
ゲスト説明が足りず申し訳ございません。
完全レスポンシブデザインにしているのですが
responsive-pc.cssで
#mobile-menu{display:none; !important}
#navi ul{/*display:none;*/}
を指定した場合PC画面で横幅を小さくしてもグローバルナビが表示されたまま(アコーディオンが開かれた状態といえばいいのでしょうか)には出来たのですが
スマホで確認するとアコーディオンが閉じられた状態のままになっていたので、何処を書き換えれば対応出来るかが知りたかったのです。※WordPressの外観→カスタマイズ→下部にある表示切替では、PC表示と同等の切り替えは出来ていました。
後すみません、対象ページURLというのは当方のサイトアドレスの事でしょうか?
以上よろしくお願いします。
-
2018年2月27日 6:48 PM #58999
かうたっく
ゲスト後すみません、対象ページURLというのは当方のサイトアドレスの事でしょうか?
この場合はグローバルナビが表示されているページのことです。サイトのトップページも個別ページも表示されていることでしょうから、カスタマイズしたいサイトのURLのことです。
-
2018年2月27日 10:28 PM #59010
わいひらキーマスター紛らわしい書き方で申しわけありません。かうたっくさんが書かれているように、サイトアドレスでOKです。
-
2018年2月28日 9:26 AM #59020
ice
ゲストhttp://www.shiawase-sagashi.com/blog/
となります。PC表示で横幅を狭めればグローバルナビが改行されずれていくと思いますが
スマホ表示だとそれが出来てなくて困っている次第です。 -
2018年2月28日 9:37 AM #59021
かうたっく
ゲストPCの調子がわるいか、読み込みに時間がかかってしまいカクカクしてましたが、見てみるとスマホでもグローバルナビが表示されているようです。
なのでどのように崩れてるのかがわかりません。キャッシュのない状態で一度ご確認いただけますか。
-
2018年2月28日 11:13 AM #59027
ice
ゲストスマホで常に表示されていますか?
当方が確認したスマホ端末だとアコーディオンをクリックしないと表示されなくて困っていたのです。
タブレットだと問題ない可能性はあります。CSSを書き換えて色等が反映されていたので多分キャッシュの問題ではないと思うのですが良くわかりません。
-
2018年2月28日 10:05 PM #59037
わいひらキーマスター僕の環境では以下のようには表示されているようです。

修正するとしたら、メニューあたりの横幅を広げるくらいでしょうか。
-
2018年3月1日 12:18 AM #59044
かうたっく
ゲストPC表示で横幅を狭めればグローバルナビが改行されずれていくと思いますが
スマホ表示だとそれが出来てなくて困っている次第です。ズレていくというのが分かりませんが、メニューリストの幅が入りきらなくなれば下へ表示される感じです。インラインのイメージでわかりますかね?
改行されずズレると言った感じが不明ですが、その印象ではないです。わいひらさんの状態と同じで見えてましたよ。クリックせずにスマホでも表示された状態です。幅が少し広いスマホでは2列のリストになって、2列のリストが入りきらない場合は1列で表示されてますよ。
使ったことがないブラウザで確認すれば分かりやすいかもしれません。例えばFireFox・ドルフィン・名前が出てこない…3文字のブラウザ‥あっ、operaなど。
-
2018年3月1日 12:25 PM #59056
ice
ゲストわいひらさんの画像を見るとアコーディオンは表示されず、
グローバルナビは常に表示されているようなので、当方が使った端末が悪かったかもですね。メニューの中身については幅未調整だったので想定内です。
とりあえずグローバルナビは表示されているだろうという想定でCSS編集して非ブログのページに合わせてみます。ありがとうございました。
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。