スマホのみトップの抜粋と日付を削除したい

完全レスポンシブとは、おそらくどの端末もシームレスにそれぞれの要素が画面幅に対応するものだろうと思うので、スマホのみとかタブレットのみにする場合はやはり消えるんじゃないでしょうか？

responsive.cssの中にもメディアクエリがあるように、書くとするなら、

「解像度740px以下のスタイル」

の中に書けば740pxの画面幅以下の端末なら消えるので、スマホの場合、縦向き横向きにもある程度対応できるかと思います。

メディアクエリのブレイクポイントは書かなくても良いかも知れませんが、メディアクエリの中に書く必要があったり、細かく制御するならメディアクエリを細かく指定するべきだろうとは思います。

× スマホのみとかタブレットのみにする場合はやはり消えるんじゃないでしょうか？

スマホでもPCでも抜粋と日付が、(ゆみさんの設定では)やはり消えてしまうんじゃないでしょうか？

消える理由としては、style.cssの同セレクタのプロパティをresponsive.cssのプロパティが上書きするからだろうと思います。

上書きしても消えて良いのは、ゆみさんの想定ではスマホ(及びタブレット)かと思うので、消えて良い条件を設定する必要があるのではなかろうかと思います。

なので、モバイルの時消えて欲しいなら、mobile.cssに、細かく制御したいなら、

style.css
responsive.css
mobile.css

と言う順序で下のほうが優先されますが、どこでもメディアクエリのブレイクポイントを入れれば良いかと思います。

基本消したいと言う設定をstyle.cssに書き、タブレットの場合は、スマホの場合はと言うのをresponsive.cssかmobile.cssに書けば良いのかなぁとも思います。

僕は面倒なので、全てのスタイルが子テーマstyle.cssに集約しています。

hidekichiさん★
わいひらさん★

ご教示いただきありがとうございました。
以下のようにスタイルcssに
記述したところ、無事に
スマホのみは非表示になりました。

/* スマホ抜粋削除*/
@media screen and (max-width: 740px) {
.entry-snippet{
display:none;
}
.entry .post-meta {
display:none;
}
}

わいひらさんは大変な時なのに
わざわざありがとうございました。

わいひらさんもお身体十分にご自愛くださいませ。