＃336
昨日の記事でヘッダー画像を設置したんだけど
PC版しか表示されなくて
スマホやタブレットでは表示されない
って書いたんだけど
だから今日はスマホでもヘッダー画像が表示される
裏技
を実際にやってみようと思う！
↓これが昨日までのスマホで見たブログ画面
確かにヘッダー画像は表示されてない・・・
で、設定後のスマホ画面
ちゃんとしたヘッダー位置ではないですが
ヘッダー画像が表示されてますね！
（本文だから表示されるのは当たり前なんですけどね・・・）
で、肝心のPC版は
今まで通りヘッダー画像は表示されて
本文のヘッダー画像は表示されてませんね！
これでPC版は今まで通りの表示で
スマホやタブレットのアプリ版は
本文の一番上にヘッダー画像が表示される！
ということができました！
まずまずですね・・・
今回はこちらの記事を参考にさせていただきました！
ありがとうございました！
方法としては
本文にヘッダー画像を置く！
そうすると、当たり前だけど
スマホ版でも表示される！
でも、そうするとPCで見た時に
ヘッダー画像が2つ表示されてしまうので
PC版の時は本文に置いたヘッダー画像は非表示にする！
ということをしている
ちなみに
この辺は私プロなので
中身を見れば全てわかります！笑
アメブロもcssをいじれば
好きなようにできることがわかりました！
と言っても、しませんけどね・・・笑！
システム開発と映像制作してます
気になる方はお問い合わせくださいませ！
相談は無料だからね！
プロフィールはこちら
幼稚園保育園向け写真販売サービスnicot（ニコット）
株式会社スマーティ