ワードプレスで、スマートフォンの文字サイズのみ小さく変更したい

Flymag という海外製のテーマを使用してワードプレスでブログを書いています。スマートフォンページの文字のサイズが大きすぎるので小さくしたいのですがうまくいかず困っています。

テーマのカスタマイズの中に「フォント」のカスタマイズがあるので、そこで「全体のフォント」を22に設定しました。パソコンでの表示を見ながら、22に設定したので、パソコンは22で良いのですが、スマートフォン(Iphone6s)で確認するとフォントが大きすぎるので、スマートフォンのみフォントを小さくしたいと思っています。具体的には、スマホの画面で横に22文字くらいが並べられる文字のサイズにしたいと思います。

テーマのカスタマイズの「フォント」は、パソコン・スマートフォンとで設定が分かれておらず、サイズの変更が連動されるのですが、パソコンでちょうどよい22にするとスマホで大きすぎて、スマホでちょうどよい16にするとパソコンでは大きすぎてしまいます。

フォントのカスタマイズは、サイトタイトルのサイズなどが決められる「フォントサイズ」の設定のほかに、全体のフォント「全体のフォント名/スタイル/セット　Roboto:700,400italic,700,700italic」、「フォントファミリー　Roboto', sans-serif」と設定されています。この部分が何を表しているか理解していません。

かなり初心者なので、噛み砕いて教えていただけると幸いです。
よろしくお願いします。

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
いろいろ試したのですが、いれる位置が完璧にあっているかなど判断できないないので正しく試せていなかもしれません。下記を試しました。

/---------------------------------
抜粋記事本文を小さく
--------------------------------/
.entry-snippet{
font-size:80%
}

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2017/10/25 06:31

WordPressテーマはテーマ名だけではなく取得したURLを質問文に追記ください。（URLにはリンクを張ることができます）また、質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。