FROM CACHE - jp_header
解決済

Dawn「折りたたみ可能コンテンツ」セクション幅を上下のセクション幅に合わせたい

tororo
訪問者
2 0 1

Dawnを使用。

デフォルトの商品テンプレートを使って、商品テンプレート作成しています。

 

「商品情報」セクションの下に「折りたたみコンテンツ」セクションを追加しましたが、「商品情報」セクションやその下に配した「マルチカラム」セクションの幅に対して、横幅が狭いためバランスが悪い状態です。

スクリーンショット-2024-04-17-162349.jpg

 

「折りたたみ可能なコンテンツ」セクションを上下のセクションの横幅に合わせたいのですが、どこを調整すればよいでしょうか?

 

類似投稿参考にしてみましたが、わかりませんでした。

https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E6%8A%98%E3%82%8A%E3%81%9F%...

 

おわかりになる方いらっしゃいましたら、ご指導頂けますと幸いです。

よろしくお願いいたいします。

 

 

1 件の受理された解決策

improv
Shopify Partner
26 6 4

成功

はじめまして。

「折りたたみ可能なコンテンツ」セクションのカスタムCSSに下記コードを入れることで対応可能かと思います。

.collapsible-content-wrapper-narrow {
  max-width: none;
  padding: 0 5rem;
}

 ご参考までに。

伊藤佑真 フリーランスwebエンジニア
-shopifyアプリの開発をしています。
- 私の回答で解決しましたら、ぜひベストソリューションの承認をお願いします。
- shopifyアプリやシステム開発のご相談はお気軽にDMにて

元の投稿で解決策を見る

2件の返信2

improv
Shopify Partner
26 6 4

成功

はじめまして。

「折りたたみ可能なコンテンツ」セクションのカスタムCSSに下記コードを入れることで対応可能かと思います。

.collapsible-content-wrapper-narrow {
  max-width: none;
  padding: 0 5rem;
}

 ご参考までに。

伊藤佑真 フリーランスwebエンジニア
-shopifyアプリの開発をしています。
- 私の回答で解決しましたら、ぜひベストソリューションの承認をお願いします。
- shopifyアプリやシステム開発のご相談はお気軽にDMにて
tororo
訪問者
2 0 1

ありがとうございます!

max-width: none; のままだと画面いっぱいになってしまいましたが、上下セクションの幅1000pxに合わせたらぴったりハマりました!

イメージ通りになりとても助かりました。

ご回答ありがとうございました!