セクションの余白を調整したい

[morita]

かなり初歩的な質問になるかと思いますが、同様の質問のコードを試しても変化が無く、質問させてください🙏

ThemeはDawnを使用しております。

ページ内のセクションで「迅速な注文リスト」を使用しているのですが、このセクション下部の空白を

調整したいと思っております。

PC の場合は問題無いのですが、スマホ表示の場合、気持ちの悪い余白が生じてしまい、困っています。

CSSでの調整になるかと思いますが、具体的に何を入力するのが正解なのかが分かりません。

※添付画像をご参照ください。数字を選ぶ箇所の下側が妙に空いてしまうのが気になっております。

お手数をおかけしますが、お教えいただけましたら幸いです。

どうぞ宜しくお願いいたします。

 

[株式会社フルバランス · Accepted solution]

質問拝見しました。

スマホ表示の時にpaddingの数値を調整すればいいかと思います。

以下cssをセクションのカスタムcssに適用すれば余白が調整されます。

.quick-order-list__container {
  padding-bottom: 0px;
}

 ご参考までにしてください！

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

[morita]

株式会社フルバランスさま

ご回答いただき有難うございます。

また、試してみたところ無事希望通りのレイアウトに変更出来ました！！

ご丁寧にお教えいただき、有難うございました🙌