VWSとは フォーラム Lightning [ 解決済 ] Lightning Pro LTG media post をスマホで2列にしたい

このトピックには5件の返信が含まれ、2人の参加者がいます。13 時間、 27 分前 VWSカスタマー さんが最後の更新を行いました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #14402

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

    #14414

    kurudrive
    参加者

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

    • この返信は3 日、 6 時間前に  kurudrive さんが編集しました。
    #14424

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

    #14443

    kurudrive
    参加者

    概ね下記のような感じを 外観 > カスタマイズ > 追加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は書き換えないで〜

    #14450

    kurudrive 様

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

    チャレンジしてみます。

    #14451

    kurudrive 様

    素晴らしいです。

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

    有難うございました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)

このトピックに返信するにはログインが必要です。