Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › スマホヘッダー画像をオリジナルにしたい
- このトピックには6件の返信、2人の参加者があり、最後に
臼井浩二により11年、 4ヶ月前に更新されました。
-
投稿者投稿
-
-
2014年9月22日 10:01 PM #2441
臼井浩二
ゲストはじめまして、web知識を持っていない者です。
モバイルサイトのヘッダー画像についてお教えいただきたくメールいたしました。モバイルサイトのヘッダー画像がサイズからはみ出し表示されます。
(PCヘッダー画像サイズは、1070×300に設定)画像をはみ出さないように、もしくは
スマホ用(PCとは別)のオリジナルヘッダー画像を載せることは可能でしょうか?もし、可能でしたら、どのようにすると良いでしょうか?
恐れ入りますが、お教えいただけますと嬉しいです。
なお現在は、
カスタマイズ>レイアウト設定>完全レスポンシブの チェックを外し、ヘッダー画像が表示されていない状態になっております。よろしくお願いいたします。
-
2014年9月22日 11:20 PM #2457
わいひらキーマスター臼井さんはじめまして。
モバイルサイトのヘッダー画像がサイズからはみ出し表示されます。
(PCヘッダー画像サイズは、1070×300に設定)はみ出すというのは、画像の下部分が隠れてしまうということでよろしいでしょうか?
なお現在は、
カスタマイズ>レイアウト設定>完全レスポンシブの チェックを外し、ヘッダー画像が表示されていない状態になっております。下部分が隠れるのなら、おそらく、完全レスポンシブ状態での不具合だと思います。
不具合を修正した20140922aバージョンをアップロードしたので、よろしかった試してみてください。 -
2014年9月23日 7:10 AM #2480
臼井浩二
ゲスト早速、ご連絡をいただき嬉しいです。
ありがとうございますね。20140922aバージョンをアップロードをさせていただきました。
結果、ヘッダー画像の下の部分が隠れる件、解消いたしました。
ありがとうございます。ただ、右側の部分は以前、はみ出したままになっております。
こちらは、僕の方では解消できないでしょうか?また、今回、バージョンをアップロードさせていただいたおかげで、スマホサイトにもヘッダー画像下にナビゲーションが表示されるようになりました。
-
2014年9月23日 8:01 AM #2485
わいひらキーマスターそればっかりは、CSSではどうしようもないかもしれません。
横幅自体はこのようにすれば100%表示されますが
今度は高さが足りなくなります。#h-top { background-size: 100% auto; } -
2014年9月23日 10:04 AM #2490
臼井浩二
ゲスト色々とお手数をおかけいただき、ありがとうございます。
スマホヘッダー画像を正常に表示させるには、画像サイズ設定をデフォルトの1070×100にしておくということ以外はないですか。
-
2014年9月23日 11:51 AM #2497
わいひらキーマスター1070×100にしても同じことだと思います。
ブラウザの幅を狭めれば、画像の一部は切れると思います。どうしても画像すべて表示させたいのであれば、
- レスポンシブをやめる
- jQueryなどを使って動的に画像サイズを変更する
しかないかもしれません。
-
2014年9月23日 2:11 PM #2527
臼井浩二
ゲスト色々とご対応いたただきありがとうございますね。
自分なりに色々とチャレンジしてみます。
-
-
投稿者投稿
- トピック「スマホヘッダー画像をオリジナルにしたい」には新しい返信をつけることはできません。