[ 解決済 ] 投稿テンプレートを使用した際のスマホ2カラム対応について

VWSとは フォーラム Lightning [ 解決済 ] 投稿テンプレートを使用した際のスマホ2カラム対応について

[ 解決済 ] 投稿テンプレートを使用した際のスマホ2カラム対応について

  • このトピックには2件の返信、2人の参加者があり、最後にpepepeにより1ヶ月、 3週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #86537

    pepepe
    参加者

    ■ WordPress のバージョン
    WordPress 6.4.3

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    15.20.1

    ■ スキンの種類
    Origin II

    ■ 期待する動作
    スマホになると1カラムになってしまうところを2カラムにしたい

    ■ 自分で試した事
    VK投稿リストのスマホとパソコンでカラム設定できるものを使い、ベクトルサイトのテンプレートを入れてみましたがクリエループで1ブロックと認識されるため投稿テンプレートを1ブロックとして投稿リストに入れることができませんでした。

    ■ 症状が発生するブラウザ
    グーグル

    ■ 実際の症状
    パソコンで4カラム→スマホで1カラムのレスポンジブルデザインになってしまいます。1カラムだと画像が大きくなりすぎるため2カラムが希望です。
    CSSでの調整等で可能でしょうか。2カラムへのCSSも調べましたが、当方知識不足で解決に至りませんでした…

    お手数ですがご教授いただけると幸いです。よろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #86749

    デベロッパーツールで該当部分のCSSを見る限り以下のような感じでいけるのではないかと思います。

    @media (max-width: 600px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    }
    #87547

    pepepe
    参加者

    ご教授いただいた内容でCSSを入れたら、無事できました!
    なかなか切り替わらなくて確認できず、解決のご連絡が遅くなってしまい申し訳ありません。

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。