たまにエラーが出るようですが、解決できたようなのでこれでよし！とします(笑)

たくさん教えて頂き有難うございました。

お世話になっております。

サーチコンソール内で、以下の内容のエラーが検出されたと報告がきました。

＊主な問題

• クリック可能な要素同士が近すぎます
• テキストが小さすぎて読めません

また「モバイルフレンドリー」にかけると「モバイルフレンドリーでありません」と表示されてしまいました。

1番最初にご質問させて頂き、@leafytree様のご指摘からCSSなど訂正し、直った箇所もあるのですが、いまだサチコでエラーが発生してしまい、「モバイルフレンドリー」にも引っかかってしまいます。

▼対象URL▼

https://ilusm.baby/infant-poppy-trial/

Googleサーチコンソールに詳しい方、解決方法を教えて頂けますと嬉しいです。

どうぞ、よろしくお願い致します。

ご丁寧に有難うございます。

いえいえ、CSSを訂正しないとサチコの問題も解決できなかったかもなので、教えて頂きまして有難うございます！

見落とし箇所のCSSは、思い切って削除してみました。

削除しても影響ないようなので、大丈夫かと思います◎

本題は、もう一度URLなど提示してご質問させて頂きますね！

いつも有難うございます！

私は、サーチコンソールのエラーについては、詳しくないので、よくわかりません。

全てのページにエラーが出ているのではないのであれば、エラーの出ているページのURLや、エラーの内容などを具体的にご提示いただくと、詳しい方が診てくださるかもしれません。

ご質問と、回答内容がずれてしまっている点については、あい、すみません。

なお、CSSの記述を拝見したとろ、前回、書かせていただいた、２箇所が、未修正です。

子テーマのCSSと追加CSSの両方で、１箇所ずつです。

お世話になっております。

ご指摘頂いた通りに、閉じ括弧で直しましたところ、無事に「モバイルフレンドリー」で合格できたのですが、サチコのエラーは変わらず、下記のような表示をされてしまいます。

もし、とりあえず、使わないメディアクエリを残しておきたいときは、必ず、閉じ括弧で閉じておいてください。

@media screen and (max-width: 480px) {
}

この閉じ括弧が無いと、他のCSSのコードに影響が出てしまう場合があります。

ご丁寧に教えて頂き有難うございます。

そうなのですね…ちょっとトライしてみます。

解決しましたら、またご連絡致しますね！！

CSSを正確に記述するには、テキストエディターが断然便利です。

テキストエディター「Mery」

「Mery」はKuroさんが開発されたシンプルかつ高機能のテキストエディターです。

見た目がとても、シンプルなので、初心者の方でも扱いやすいです。

お使いのパソコンのオペレーティングシステムに合わせて、32ビットか64ビットのzip版をダウンロードして、解凍し、フォルダ内の「Mery.exe」ファイルを右クリックして、「スタートメニューにピン留めする」をクリックするだけで使えます。文字コードを「UTF-8（BOMなし）」に設定してお使いください。

以下は、参考リンクです。

初心者向けCSS（スタイルシート）入門：基本的な書き方を総まとめ！

スマホ対応！CSSでメディアクエリの書き方【初心者向け】

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

特にメディアクエリの場合は、CSSをサンドイッチする構造なので、一番下の波括弧を忘れがちです。

@media screen and (max-width: 480px) {
    p {
        color: #fff;
    }
}

この一番下の黄色で示した波括弧は、とても重要なのです。

前述しましたとおり、CSSの記述とエラーの因果関係は、私には、よくわかりません。

CSSのおかしいところは、私が気づいたところです。

また、他の場所にも書かれていらっしゃるのかどうかは、私には、わかりません。

ご自身で、確認なさってみてください。