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管理画面を通して簡単に返品や交換が行えることをご存知でしょうか？希望する場合は、お客...

By Mirai Sep 15, 2024

Shopifyからの請求書の支払いに失敗した時の対処方法

Shopifyの請求書の支払いが失敗したという通知を受け取って驚いたことはありますか。初めての支払いでエラーが発生したり、これまで何の問題もなく支払いできていたのに突然失敗し...

By Minami_ Sep 8, 2024

Checkout Extensibilityに関するよくある質問

2023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...

By JasonH Aug 15, 2024

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