スライダーの下に余白ができてしまう

手持ちの環境（Mac + Chrome、Android + Chrome）で何度かリロードしてみたりスライダー下のドットをクリックしてみたりしたのですが再現できませんでした。

不定期にスライダーの下に余白ができてしまいます。

とのことですが、これは画面を表示したとき、画像がスライドしたとき、などどういう操作をしたときに再現されるかも決まりがなく、完全にランダムということでしょうか？

ありがとうございます！いったりきたりしていたら再現できました！

ただ、確かにどういう条件でなるかがわからず、CSS 的にも異常な値が割り当てられているのも発見できなかったので、これといった解決策がわかりません…。なんとなくこれでいけるかも？というパッチを用意してみたので、カスタマイザー → 追加 CSS に下記の CSS を追加して様子見してみていただけませんか？

.slick-initialized .slick-slide {
    display: flex;
    justify-content: center; align-items: center;
}

もしくは

.smb-slider .slick-slide {
    display: flex;
    justify-content: center; align-items: center;
}

これで解決できそうなら Snow Monkey、Snow Monkey Blocks をアップデートして取り込もうと思います。

よろしくおねがいします！

確認ありがとうございます、たすかります！ Snow Monkey、Snow Monkey Blocks の次のアップデートでこの CSS を取り込みます。アップデート後は追加した CSS は消しても大丈夫です。

確かに攻城団合同会社のサイトだと再現できるのですが、僕の開発環境だと再現ができないのです。なので画像のサイズがどうとか使っているプラグインとの兼ね合いでどうとか、なにか原因があるのだと思いますが、全く検討がつかない状態です…。

僕のブラウザからだと「御朱印帳、はじめました」の画像だけが正しい縦横サイズで読み込まれないという現象が起こっています。一度、この画像だけを外してみるとどうなるか見てもらえないでしょうか？

「正しい縦横サイズで読み込まれない」という現象から可能性を考えると、あとは

– カスタマイザー → ページ速度最適化 → 画像の非同期読み込み を無効にしてみる
– スライダーブロックの画像に width、height が入るように Snow Monkey Blocks を改修してみる

が考えられるかなと思います。後者は実装が可能か調査してみますので、前者も一度試してみてもらえないでしょうか。
よろしくおねがいします！