# スライドショーのボタンの位置

**URL:** <https://community.shopify.com/t/topic/420462>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [June 22, 2025, 1:25am UTC](https://community.shopify.com/t/topic/420462 "2025-06-22T01:25:39Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

Dawnテーマを使用しているユーザーが、スライドショーのボタン位置に関する質問を投稿しました。

**問題点:**
- デスクトップでは「下部中央」に設定したボタンが、スマホでは自動的に画像中央に表示される
- スマホでもデスクトップと同様に「下部中央」に配置したい

**回答内容:**
- スマホのデフォルト設定では、ボタンを「画像上」または「画像の下」に表示する2択のみ
- スマホで画像上の下部中央に表示するには、スライドショーのカスタムCSSにコードを追加する必要がある
- CSS記載により対応可能との提案

**ステータス:** 解決方法が提示されたが、具体的なCSSコードは示されていない状態

<div class="post-metadata">

**Author:** ![Anonymous\_e5a629ca8509a57d9c9b57ffdda2f1c6](https://avatars.discourse-cdn.com/v4/letter/a/c6cbf5/32.png) [@Anonymous\_e5a629ca8509a57d9c9b57ffdda2f1c6](https://community.shopify.com/u/Anonymous_e5a629ca8509a57d9c9b57ffdda2f1c6)\
**Post date:** [June 22, 2025, 1:25am UTC](https://community.shopify.com/t/topic/420462/1 "2025-06-22T01:25:39Z")

</div>

Dawnを使用しています。

スライドショーのボタンの位置をデスクトップでは、「下部中央」にしていますが、スマホでは最適化され、画像中央に表示されます。

デスクトップ同様、スマホでも、「下部中央」にする方法はありますでしょうか？

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [June 24, 2025, 6:21am UTC](https://community.shopify.com/t/topic/420462/2 "2025-06-24T06:21:23Z")

</div>

@Anonymous_e5a629ca8509a57d9c9b57ffdda2f1c6 様

スマホでのデフォルトでは制御は画像上にボタンを表示するか、画像の下にボタンを表示するの2択となります。

スマホで画像上にボタンを表示し、下部中央に表示したい場合は、

スライドショーのカスタムCSSにてスマホの際に下部中央に表示するよう、CSSを記載いただければ、対応可能かと思われます。

ご参考まで。

（キュー小坂）