モバイル表示で記事の日付やカテゴリ表記

@media screen and (max-width:40em){
  font-size: 12px;
  font-size: 0.75rem;
}

など。font-size:が2つあるのは、古いブラウザはremがわからないので、pxで指定しておき、最近のブラウザはたいていremがわかるので12px相当(htmlのフォントサイズが16pxの時)で書いてあります。

同じプロパティが2つ書いてある場合は、たいてい最初のを後ので上書きします。
remは、ベースフォントサイズ(html)に指定がない場合は16pxをn倍したサイズで表示されます。htmlにフォントサイズがある場合は、それを基準にn倍します。リスト表示(ul li)等の継承部分で、フォントサイズが思ったより大きくなったり小さくなったりする時に有効なプロパティです(htmlのフォントサイズをn倍するので思ったサイズで表示できる)。

max-width: 40emは16pxのフォントがデフォルトの時、画面幅639px相当です。

上記スタイルシートを子テーマstyle.cssにでも書いておけばたいていイケると思いますが、他の要素、例えばnarrow.cssなどに書いてあるスタイルが適用される場合もあります。そういう時は、narrow.cssの該当部分をコメントアウトするなりして、自身がカスタマイズしやすいようにする必要があります。
打ち消せるプロパティは打ち消しても良いと思います。

例:
親テーマ style.cssに、

#article {
  font-size: 16px;
  line-height: 170%;
}

とある場合で、子テーマstyle.cssに

#article {
  font-size: 14px;
}

となっていた場合、フォントサイズは14pxになりますが、行間は170%で継承されます。
もちろん、

#article p{
  font-size: 14px;
  line-height: 130%;
}

と子テーマstyle.cssに書けば、子テーマの設定が優先されるだろうと思いますが、p以外の要素には170%が入っているかも知れません。170%の行間が邪魔だと思った場合は、子テーマstyle.cssに

#article {
  line-height: normal;
  /*あるいは、line-height: 100%;*/
}

などと書いておいて一旦設定をデフォルトにするなどの設定をすると、カスタマイズの時には便利です。

ありがとうございます！！
設定してみます！！