# DawnのスライドショーのPCレイアウトをモバイルのレイアウトに揃えたい **URL:** \ **Category:** Shopify テーマ\ **Tags:** css, html\ **Created:** [July 9, 2024, 9:41am UTC](https://community.shopify.com/t/dawn-pc/338078 "2024-07-09T09:41:53Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary Dawnテーマのスライドショーセクションにおいて、PCレイアウトをモバイル版と同様に変更したいという質問。 **具体的な要望:** - モバイルでは「画像の下にコンテンツを表示する」設定があり、画像とテキストが完全に分離されている - PC版でも同様に、画像の上にテキストが重ならず、領域を完全にセパレートしたレイアウトにしたい - 「デスクトップ上にコンテナを表示」のチェックを外してもテキストが画像上に表示されてしまう **提案された解決策:** - UnReact社の齊藤氏より、アプリ「シンプルスライドショー|お手軽画像スライダー」の利用を提案 - このアプリとDawnのリッチテキストを組み合わせることで、ノーコードで希望のデザインが実現可能 - 1週間の無料お試し期間あり 質問者は提案されたアプリが要望に沿う仕様であることを確認し、前向きに検討している様子。
**Author:** ![FL\_fukuhara](https://avatars.discourse-cdn.com/v4/letter/f/c57346/32.png) [@FL\_fukuhara](https://community.shopify.com/u/FL_fukuhara)\ **Post date:** [July 9, 2024, 9:41am UTC](https://community.shopify.com/t/dawn-pc/338078/1 "2024-07-09T09:41:53Z")
Dawnテーマを使用しています。 テンプレート「スライドショー」の設定にて、 モバイルのレイアウトは「モバイルで画像の下にコンテンツを表示する」チェックがありますが、 PCでも同様のレイアウトにカスタマイズできないでしょうか。 ![FL_fukuhara_0-1720517982076.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/0/d/0d80f14739c8a0dcffce4ccfbdf622447f5cb8a7.png) PCでは、画像の上にコンテンツやコンテナが乗ってしまい、 画像の一部が隠れて見えづらくなってしまうので、 モバイルのレイアウトに合わせたいと思っています。 もし方法をご存知の方がいらしたら、ご教示いただけますと幸いです。 ---
**Author:** ![Nicole333](https://avatars.discourse-cdn.com/v4/letter/n/b487fb/32.png) [@Nicole333](https://community.shopify.com/u/Nicole333)\ **Post date:** [July 10, 2024, 7:46am UTC](https://community.shopify.com/t/dawn-pc/338078/2 "2024-07-10T07:46:15Z")
見やすくするためにチェックを外すことができます ![B0azaHKRqC.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/3/8/382fc6e746532b2f33f996544a85db1cffe273c1.png) ---
**Author:** ![FL\_fukuhara](https://avatars.discourse-cdn.com/v4/letter/f/c57346/32.png) [@FL\_fukuhara](https://community.shopify.com/u/FL_fukuhara)\ **Post date:** [July 11, 2024, 6:46am UTC](https://community.shopify.com/t/dawn-pc/338078/3 "2024-07-11T06:46:42Z")
ありがとうございます。 「デスクトップ上にコンテナを表示」のチェックを外しても、 テキスト自体は画像の上に表示されてしまうのが気になっており、 モバイル版のように、画像とテキストの領域を 完全にセパレートできる方法があればご教示いただけますと幸いです。 ![FL_fukuhara_1-1720680370880.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/0/b/1/0b19347c9efd1844d9b79ebe17f39a371a0c58ca.png) ![FL_fukuhara_0-1720680354533.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/6/56db1bee873bd238d20c9a44f7f3c7b26ca7f676.png) ---
**Author:** ![EijiSaito](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/eijisaito/32/66222_2.png) [@EijiSaito](https://community.shopify.com/u/EijiSaito)\ **Post date:** [August 20, 2024, 2:27am UTC](https://community.shopify.com/t/dawn-pc/338078/4 "2024-08-20T02:27:20Z")
はじめまして、株式会社 UnReact の齊藤と申します。 アプリを利用することでご要望の機能が簡単に実現可能な為、 弊社アプリで恐縮ではありますがご紹介させていただきます。 こちらのスライドショーアプリ「[シンプルスライドショー｜お手軽画像スライダー](https://apps.shopify.com/ur-smart-image-slideshow?locale=ja)」を ご利用いただくことで、ノーコードで簡単にご希望のスライドショーを実現できます。 ![EijiSaito_0-1724120550597.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/9/e9d6b68b66d089824271d64ae4b8ff2167157902.png) こちらのスライドショーアプリでスライドショーを挿入し、Dawn のリッチテキストでコンテンツを表示することでご希望のデザインになるかと思います。 ![EijiSaito_1-1724120550583.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/b/8/b854c03a55f9048b6693e8b3b444344795fbebf6.png) 一週間のお試し期間もございます。ぜひ、お試しください。 以下、参考情報です。 [シンプルスライドショー｜お手軽画像スライダー](https://apps.shopify.com/ur-smart-image-slideshow?locale=ja) [Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-020-ur-slideshow-app/guide) その他にも 50 個の Shopify アプリを開発しています。ストア運用の際に参考にして頂ければ幸いです。 [弊社アプリ一覧](https://apps.shopify.com/partners/unreact5?locale=ja&page=1) ---
**Author:** ![FL\_fukuhara](https://avatars.discourse-cdn.com/v4/letter/f/c57346/32.png) [@FL\_fukuhara](https://community.shopify.com/u/FL_fukuhara)\ **Post date:** [August 20, 2024, 6:38am UTC](https://community.shopify.com/t/dawn-pc/338078/5 "2024-08-20T06:38:35Z")
株式会社 UnReact 齊藤様 アプリのご紹介をありがとうございます。 イメージに沿う仕様が叶えられそうとのことで、拝見いたします。