FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

dawnテーマ 添付画像の赤枠の隙間

解決済

dawnテーマ 添付画像の赤枠の隙間

kazuki2
新規メンバー
9 0 0

お世話になっております。

dawnテーマを使用しています。

カスタマイズで特集コレクションを使用しているのですが

モバイルで表示させると添付画像の赤枠のように隙間が空いてしまいます。

希望のピクセル幅に調節(幅短め)にしたいのですが

こちらどのように修正すればよろしいでしょうか。

ご教示いただければ幸いです。

ご回答お待ちしております。スクリーンショット 2023-03-06 170310.png

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1627 578 754

成功

Kazuki2様

 

ご質問を確認いたしました。

いただいております余白ですが、カスタマイズ画面より変更することができないため、

cssのコード修正によって調整する必要があるかと存じます。

 

該当の箇所は以下添付の部分です。

スクリーンショット 0005-03-06 17.40.49.png

 

コードは以下。

 

<style>
@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
      margin-bottom: 0rem;
  }
}
</style>

 

 

スクリーンショット 0005-03-06 17.44.41.png こちらで多少は幅を変更できるかと存じます。

ご参考までに。

 

フルバランス 園畑

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

元の投稿で解決策を見る

1件の返信1

株式会社フルバランス
Shopify Partner
1627 578 754

成功

Kazuki2様

 

ご質問を確認いたしました。

いただいております余白ですが、カスタマイズ画面より変更することができないため、

cssのコード修正によって調整する必要があるかと存じます。

 

該当の箇所は以下添付の部分です。

スクリーンショット 0005-03-06 17.40.49.png

 

コードは以下。

 

<style>
@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
      margin-bottom: 0rem;
  }
}
</style>

 

 

スクリーンショット 0005-03-06 17.44.41.png こちらで多少は幅を変更できるかと存じます。

ご参考までに。

 

フルバランス 園畑

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