フォーラム
質問 / リクエスト一覧

ヒーローブロックの画像について

質問Reopen

いつもお世話になっております。 トップ画像として設定しているヒーローブロックについて教えてください。

モバイル表示のヒーローに設定した画像を縮小させて、全体表示させることはできないでしょうか？ 現状のところ、拡大され、画像が見切れてしまっている状態です。

恐れ入りますが、ご確認のほど、よろしくお願いいたします。

My profile
My profile

お世話になっております！

ヒーローブロックにカスタムCSSがあたっているようです。 以下のようにモバイルの場合にCSSを調整するコードをカスタムCSSに記述してみてください

@media screen and (max-width: 768px) {
.header-image .header-image__text {
    padding: 4em 10px;
}
}

該当のブロックを選択して、以下の画像の場所に記述します！

My profile

対処方法のご教示ありがとうございます。 多少改善されましたが、縮小まではいかないようです。 全体を縮小させて表示はやはり難しいのでしょうか？

My profile

あまり縮小しすぎると画像から文字がはみ出してしまうことも考えられるため難しいかもです。以下のCSSでさらに微調整いただくといかがでしょうか？

@media screen and (max-width: 768px) {
.header-image .header-image__text {
    padding: 2em 10px;
}
}
My profile

ご連絡ありがとうございます。 確認させていただきましたが、あまり良くはならないですね。。。 自分で色々とやってみたいと思います。 ご対応ありがとうございました！

My profile

お役に立てず申し訳ないです。 時間ができた際にはこのヒーローブロックの改良版を作りたいと思います

My profile

ぜひお願い致します。 楽しみにしております。

My profile