サポート » テーマ » 「テーマ[Chocolat]」グロナビをそのままのデザインでレスポンシブに

「テーマ[Chocolat]」グロナビをそのままのデザインでレスポンシブに

  • mochaclove

    (@mochaclove)


    7年、 8ヶ月前

    [Chocolat]のテーマを使用しておりまして、グロナビ部分をスマホでもPCのデザインのまま表示させたいです。
    common.cssをいじるだけですと、スマホ時のメニューが崩れてしまいました。
    スマホ時のグロナビが右上に行く動作を無効化し、PCのグロナビが常に表示されるようにしたらいいのではないか、
    と考えておりますが、私では力不足でした。

    よろしければどなたかお力添えをお願い致します。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • ikaring

    (@ikaring)

    7年、 8ヶ月前

    common.cssの冒頭にスマホ用のcssがありますので、グローバルナビに関連する#nav-controlや.globalnavなどのルールを無効化して、225行目近辺から始まるPC用のルールをコピペしていったら一応PC用のデザインが適用されると思います。
    あと、幅指定などスマホ用に調整をする必要があるかと思います。

    テーマのcssを直接編集すると更新時に変更点が上書きされますので、子テーマを使用されることをおすすめします。
    https://wpdocs.osdn.jp/子テーマ

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「「テーマ[Chocolat]」グロナビをそのままのデザインでレスポンシブに」には新たに返信することはできません。

トピックタグ

表示