Vektor WordPress Solution
VWSとは › フォーラム › Lightning › [ 解決済 ] スマフォでのギャラリー表示(3列に表示)
お世話になります。 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など ) 設定方法などご教示ください。
以下の設定を試みたところ、上下段、2行で3列づつの表示となりました。 @media screen and (max-width: 766px) { figure.columns-6 li.blocks-gallery-item { max-width: 30%; }
ただし、ここまでだと、上段の一番右の画像が中央の画像にくっつき、 また下段の左の画像が中央の画像にくっつきます。 ぎりぎりの表示として margin:0px 4px 12px 4px; を追加しました。