カスタマイズ メインビジュアルをPCとモバイルで別画像にするカスタマイズ【CSSのみ】
画面いっぱいに表示するメインビジュアルをPCとモバイル（画面幅1023px以下とします）で別の画像にしたい、という方へ向けたカスタマイズ方法です。また、PC時とモバイル時それぞれの画像の表示位置の調整方法も紹介しています。子テーマのstyle.cssにコードを追加します。事前にバックアップを取ってからカスタマイズしてください。
タブレット・スマホ
記事内に広告が含まれています。
カスタマイズ 
マニュアル モバイルの設定
Cocoon設定のモバイルタブで、「常にサイトヘッダーロゴを表示する」の項目にチェックが入っていない場合、モバイル時のメインビジュアルにサイトテキスト又はロゴが表示されません。メインビジュアルにサイトテキストやロゴを表示したい場合は、チェックを入れて設定を保存してください。その他モバイルの設定項目について説明しています。
マニュアル メニュー設定：タブレット・スマホのヘッダー・フッターモバイルボタン
モバイル（タブレット・スマホ）時に画面の上に表示されるハンバーガーメニューアイコン、検索ボタン、画面下に表示されるホームアイコン、トップへ戻るボタンなど、アイコンで表示されるメニューの設定についてです。grayishではデフォルトでヘッダー・フッターモバイルボタンに設定しており、PCグローバルメニューの設定が済んでいれば特に設定しなくてもメニューが表示されます。アイコンの並びをオリジナルにしたい場合や、アイコン下のキャプションを変更したい場合は、専用のメニューを作成し、設定します。