パーツ同士の間の余白が大きい気がします(特にスマホ表示時)

ご質問

PCではそんなに感じないのですが、スマートフォンで表示した際のパーツ間の縦余白が凄く大きい気がします…。

回答

パーツのご設定時に追加余白の指定を行われている可能性があります。

サンプルイメージ

例えば上のサンプルイメージでは、商品一覧パーツとバナーパーツの間に大きく余白があります。
こちらの場合、商品一覧パーツのご設定時に追加余白の指定がされていることが原因となります。

ご設定箇所

上記パーツごとの追加余白設定につきましては、トップページや特集ページ等の各編集画面へと入っていただき、該当のパーツ設定エリア(左側)の一番下にございます。

上図のような設定項目がございますので、もしこちらに「○サイズ」といった選択がされているようでしたら、そちらを「なし」へとご変更いただくようお願い致します。

なお、上記を無しとされましても、ビーノではレスポンシブデザインにてPC/スマホの両方に対応するページを生成しておりますことから、「PC上ではちょうどよいけれど、スマホではサイズ感がちょっと…」といったことも多少なり発生してしまいます。

申し訳ございませんが、上記に細かく対応をご希望の場合には別途スマホ専用サービスである SUMAOU! をお試しいただけますと幸いです。

知りたかった点は解決しましたか?

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例