[ 解決済 ] スマフォでのギャラリー表示(3列に表示)

VWSとは フォーラム Lightning [ 解決済 ] スマフォでのギャラリー表示(3列に表示)

[ 解決済 ] スマフォでのギャラリー表示(3列に表示)

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

    wptakao
    閲覧者

    お世話になります。
    Lightnig Pro バージョン: 4.4.1
    (子テーマにて使用)
    Lightning Skin Pale 5.1.5
    VK Blocks Pro 0.26.3

    ギャラリーで縦位置の画像を6枚配置しています(画像は 170x255px)。
    PCやタブレットでは1行6列のままにし、
    スマフォでは各行3列(2行で各行3列)に表示させたいのですが、各行2列でしか表示できません。
    追加CSSでギャラリーに関連するCSSを追加したりしても変更できません。
    (blocks-gallery-itemなど )
    設定方法などご教示ください。

    #36771

    wptakao
    閲覧者

    以下の設定を試みたところ、上下段、2行で3列づつの表示となりました。
    @media screen and (max-width: 766px) {
    figure.columns-6 li.blocks-gallery-item {
    max-width: 30%;
    }

    ただし、ここまでだと、上段の一番右の画像が中央の画像にくっつき、
    また下段の左の画像が中央の画像にくっつきます。
    ぎりぎりの表示として
    margin:0px 4px 12px 4px;
    を追加しました。

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