スマホでキャッチコピーが表示されてしまう
最近、スマホ（モバイル）でのメニューをハンバーガーメニューに変更したのですが、その時にキャチコピーが表示されてしまいました。
スマホ表示で同じようにキャッチコピーが表示されている方、いませんか？参考にしてください。
今回の方法でキャッチコピーを消した結果が、このとおり。
食パン
では、具体的な方法を説明します。
CSSでスマホの場合のキャッチコピーを非表示にする
管理画面から「ダッシュボード」→「外観」→「テーマエディター」を選択します。
スタイルシートがCocoon Child になっていることを確認したら、下記のコードをコピペで追加しましょう。
「変更を保存」を押すのを忘れないでね！
/*スマホの時にキャッチコピーを非表示にする*/
@media screen and (max-width: 834px) {
.header div.header-in, .appeal div.appeal-in {
display: none;
}
@media screen and (max-width: 834px) {
.header div.header-in, .appeal div.appeal-in {
display: none;
}
どうですか？キャッチコピーが消えたと思います。
すっきりしましたね。
細かい事ですが、最近はスマホでサイトを見てもらえる機会が多いです。
見やすくなるように少しづつ修正するのもいいですね。
