スマホヘッダー画像をオリジナルにしたい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など スマホヘッダー画像をオリジナルにしたい

  • このトピックには6件の返信、2人の参加者があり、最後に臼井浩二により11年、 4ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #2441
      臼井浩二
      ゲスト

      はじめまして、web知識を持っていない者です。
      モバイルサイトのヘッダー画像についてお教えいただきたくメールいたしました。

      モバイルサイトのヘッダー画像がサイズからはみ出し表示されます。
      (PCヘッダー画像サイズは、1070×300に設定)

      画像をはみ出さないように、もしくは
      スマホ用(PCとは別)のオリジナルヘッダー画像を載せることは可能でしょうか?

      もし、可能でしたら、どのようにすると良いでしょうか?

      恐れ入りますが、お教えいただけますと嬉しいです。

      なお現在は、
      カスタマイズ>レイアウト設定>完全レスポンシブの チェックを外し、ヘッダー画像が表示されていない状態になっております。

      よろしくお願いいたします。

    • #2457
      アバター画像わいひら
      キーマスター

      臼井さんはじめまして。

      モバイルサイトのヘッダー画像がサイズからはみ出し表示されます。
      (PCヘッダー画像サイズは、1070×300に設定)

      はみ出すというのは、画像の下部分が隠れてしまうということでよろしいでしょうか?

      なお現在は、
      カスタマイズ>レイアウト設定>完全レスポンシブの チェックを外し、ヘッダー画像が表示されていない状態になっております。

      下部分が隠れるのなら、おそらく、完全レスポンシブ状態での不具合だと思います。
      不具合を修正した20140922aバージョンをアップロードしたので、よろしかった試してみてください。

    • #2480
      臼井浩二
      ゲスト

      早速、ご連絡をいただき嬉しいです。
      ありがとうございますね。

      20140922aバージョンをアップロードをさせていただきました。

      結果、ヘッダー画像の下の部分が隠れる件、解消いたしました。
      ありがとうございます。

      ただ、右側の部分は以前、はみ出したままになっております。
      こちらは、僕の方では解消できないでしょうか?

      また、今回、バージョンをアップロードさせていただいたおかげで、スマホサイトにもヘッダー画像下にナビゲーションが表示されるようになりました。

    • #2485
      アバター画像わいひら
      キーマスター

      そればっかりは、CSSではどうしようもないかもしれません。
      横幅自体はこのようにすれば100%表示されますが
      今度は高さが足りなくなります。

      #h-top {
          background-size: 100% auto;
      }
    • #2490
      臼井浩二
      ゲスト

      色々とお手数をおかけいただき、ありがとうございます。

      スマホヘッダー画像を正常に表示させるには、画像サイズ設定をデフォルトの1070×100にしておくということ以外はないですか。

    • #2497
      アバター画像わいひら
      キーマスター

      1070×100にしても同じことだと思います。
      ブラウザの幅を狭めれば、画像の一部は切れると思います。

      どうしても画像すべて表示させたいのであれば、

      • レスポンシブをやめる
      • jQueryなどを使って動的に画像サイズを変更する

      しかないかもしれません。

    • #2527
      臼井浩二
      ゲスト

      色々とご対応いたただきありがとうございますね。

      自分なりに色々とチャレンジしてみます。

6件の返信スレッドを表示中
  • トピック「スマホヘッダー画像をオリジナルにしたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)