FROM LOAD - jp_header
解決済

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

kazuki2
新規メンバー
9 0 0

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

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

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

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

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

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

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

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

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1392 490 626

成功

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

元の投稿で解決策を見る

1件の返信1

株式会社フルバランス
Shopify Partner
1392 490 626

成功

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