メインビジュアルを画像に変更できたものの、タブレットやモバイルで違う画像に出し分けたいといろいろやってみましたがうまくいきません。
どのようにすればよいでしょうか。
（メインビジュアルを画像にすること自体は、ネット記事でCSSに組み込む方法なども見てやってみましたが、現状、テーマ設定→背景画像が効いているようです）
@media screen and (max-width: 550px) {
body.home #main_visual, body.home.default #main_visual{
background-image: url(ここに画像のURL) !important;
}
}
style.cssの一番下に下記のコードを追加してください。
上記はスクリーンサイズ550px以下に画像を指定する書き方です。
550px ←画面サイズに合わせて変更して下さい。
※!importantを記述しているのは、先に書かれているスクリーンサイズ(主にPCなど)で出力している画像が優先されてしまうのを防ぐためです。
よろしくお願いいたします。
