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

DownテーマカスタムLiquid でスマホ対応

2 0 0

Downテーマを使っています。

カスタムLiquidを使い画像の上に文字が表示されるように

HTMLとcssを入力しました。

パソコンでは思い通りに表示されましたがスマホサイズにすると崩れていまします。

スマホ対応はどのようにしたらよろしいでしょうか？

HTML

<body>

文字

文字

文字

文字

文字

文字

文字

文字

</div>

</body>

css

.container{

width:1200px;

height:auto;

position: relative;

}

.container img{

width:100%;

height:auto;

}

p{ position:

absolute; top:50%;

left:50%;

transform: translate(-50%,-50%);

padding:0;

margin:0;

font-size:30px;

color: red;

}

よろしくお願い致します

0件の返信0

コミュニティ・ブログ記事

Shopify アカデミーで、ビジネスのグローバル成長の機会を見つけましょう。

Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...

By Shopify Feb 7, 2025

Shopify アカデミーの学習パスと検証済みスキルでB2Bの成功を実現

Shopify アカデミーの学習パスB2B on Shopify：立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...

By Shopify Jan 31, 2025

問題の解決に最適なサポートチャネルを見つけよう！

サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。選択肢のご紹介...

By Mirai Oct 6, 2024

Downテーマ カスタムLiquid でスマホ対応