FROM CACHE - jp_header
解決済

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

morita
Shopify Partner
13 0 2

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

 

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

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

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

 

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

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

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

 

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

 

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

 

スクリーンショット 2024-05-09 17.01.15.png

  • CSS
1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1504 539 671

成功

質問拝見しました。

 

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

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

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


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

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

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1504 539 671

成功

質問拝見しました。

 

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

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

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


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

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

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
morita
Shopify Partner
13 0 2

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

 

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

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

 

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