スマホ閲覧時の記事タイトルのline-heightが詰まっている

@media screen and (max-width: 500px) {
  .entry h2 {
    margin-top: 0;
    line-height: 100%;
  }
}

index.css:1631

こやつが原因ぽいですね。narrow.cssにも書いてあるっぽいですかね。

.entry h2 {
    font-size: 18px;
    line-height: 1.3;
}
.entry .entry-title {
    font-size: inherit;
    line-height: inherit;
}

メディアクエリは別として、.entry h2のfont-size 16px〜18pxあたり、line-height: 1.1〜1.3(110%〜130%)ぐらいが妥当でしょうか。

.entry .entry-title(.entry h2 a)はfont-sizeとline-heightはいらないと思います。しかしながら後で何かしら装飾するにあたってクラスがついてるのは便利でしょうからそのままで良いかと思います。

例として、

サンプル: トップのリスト一覧の記事タイトルをモバイルファーストで書く | codepen
※ cssはscssで書いてます。css欄の下向き三角からview compiledでcssに変換できます。

注意) インラインのcssは子テーマstyle.cssやmobile.cssよりも後で読み込まれるので、!importantをつけるかインラインのスタイルを読み込まないようにする必要があります。

line-height の注意点

単位を指定すると親要素で計算されたline-height値が子要素、孫要素に継承されます。

このため、Simplicityでは%でline-heightがしてされている場合が多いので、行間がそのフォントサイズに対して正しい比率になっていないことがあります。
ここらを注意してスタイルして下さい。

参考: 【CSS】CSSのline-heightで単位を指定しない理由 | qiita

☓ してされている
○ 指定されている

早速お返事いただき、ありがとうございます！

仕様とのことで承知いたしました。
大変失礼いたしました。

当分はSimplicity2のお世話になるかと思いますので、
今後とも何卒よろしくお願いいたします。

ありがとうございます。
以下、私の閲覧環境になります。

端末：iPhone6s
ブラウザ：safari

【ウェブサイトの状態】
WordPress 4.7.3
使用テーマ：simplicity2.5.0b（現在デフォルトの状態で使用）

参考画像
http://beeans.moo.jp/wp-content/uploads/2017/03/2017-03-17-21.56.00.png

たびたび恐れ入ります。
お手すきでご確認いただけますと幸いです。

ありがとうございます。
諸々、真摯にご対応いただき感謝いたします！