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

[pepepe]

■ WordPress のバージョン
WordPress 6.4.3

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

■ テーマの種類
Lightning Pro

■ テーマのバージョン
15.20.1

■ スキンの種類
Origin II

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

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

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

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

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

Attachments:

You must be logged in to view attached files.

---

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

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

[石川＠Vektor,Inc.]

デベロッパーツールで該当部分の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));
}
}

[pepepe]

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

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

[投稿者]

投稿