Lightning Pro LTG media post をスマホで2列にしたい

[VWSカスタマー]

昨今スマホ表示が2列表示も多いようで。
biz-vektor-grid-unit　のように、LTG　media　post　のスマホ表示も2列にしたいのですが、
方法があれば、ご教示くださいませ。

[石川＠Vektor,Inc.]

Media Posts のどのレイアウトパターンですか？

• この返信は5年、 3ヶ月前に石川＠Vektor,Inc.が編集しました。

[VWSカスタマー]

おそれいります。
画像カード3カラム
縦カード3カラム
に適応したいのですが。
宜しくお願いいたします。

[石川＠Vektor,Inc.]

概ね下記のような感じを 外観 > カスタマイズ > 追加CSSに記載いただければ。

.flex_height {
	display: flex;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.flex_height_col.col-sm-6 {
	    width: 50%;
	}
	.image_card .media_post_image {
	    height: 30vw;
	}
	.vertical_card.normal_image .media_post_image {
	    height: 23vw;
	}
	.vertical_card.large_image .media_post_image {
	    height: 25vw;
	}
}

細かい調整などは下記を参考にがんばってみてください。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[VWSカスタマー]

kurudrive　様

お忙しい中、ご教示有難うございます。

チャレンジしてみます。

[VWSカスタマー]

kurudrive　様

素晴らしいです。

ちゃんと2列で表示されました。

有難うございました。

[投稿者]

投稿