スマホ用トップページの記事カスタマイズがうまくいかない

あ、了解しました
スレ汚し失礼しました。

すみません。
追加で質問なのですが、

タイル2列の場合、スマホ（モバイル）だと
.entry-card
.entry-thumbの
width
height

.entry-card-content
.entry-card-content h2の
height
はそれぞれ標準だと何pxに設定しているのでしょうか？

親テーマのSimplicity2: mobile.cssを調べたところ
#mainと#sidebar
は max-width: 720px;だということは分かったのですが、
タイル2列の場合の.entry-cardなどのpxサイズは分かりませんでした。

恐縮ですが、教えていただけると幸いです。

タイル2列の場合、スマホ（モバイル）だと
.entry-card
.entry-thumbの
width
height

.entry-card-content
.entry-card-content h2の
height
はそれぞれ標準だと何pxに設定しているのでしょうか？

コチラの項目のみ。タイル2列の時は.entry-cardの指定はありませんが、2列になっている片方。画像・タイトルなどを囲む領域entry-tileの幅は47%です。

※スマホサイズに合わせて47%で指定。余白分が3%とといった感じです。

画像を囲む領域は指定がなく、画像は320×180。PCと変わりません。上が画像したがコンテンツ。
・上の画像のみを囲む領域entry-thumb
・・画像にページのリンクを付けた領域entry-image entry-image-link
・・・画像のパスentry-thumnail

画像のパスの領域にある画像サイズが320×180で、幅によって変化します。指定方法は.entry-tile .entry-thumb img

.entry-card-content
.entry-card-content h2の
height

すべてのh2記事タイトルが表示されるので高さ指定は特にありません。ご自身で指定することは可能。

narrow.cssを参考にしても良いかもしれません。※上述の通り、セレクタが違う.entry-cardの指定はない

現在トップページの記事をタイル2列で表示しているのですが、自分的にスマホだと小さく見え、スマホページに限っては通常通り1列にした

小さいのが嫌というのが画像のことでしたら、以下のようなデザインに変更すれば、時間を割くことなく、かなり簡単に済みます。

http://netakiri.net/uploader/src/up0343.png

上記画像のデザインが、興味なければそれはそれで大丈夫です。。

この場合のスタイルは下記。

@media screen and (max-width: 500px){
  #main .entry.entry-large-thumbnail,
  #main .entry.entry-tile{
    width: auto;
    float: none;
    height: auto;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  #main .entry.entry-tile{
    width: 100%;
  }

  .entry.entry-large-thumbnail .entry-card-content{
    font-size: 13px;
    line-height: 130%;
  }

}

narrow.cssの小さい画面の指定を大きくした@media screen and (max-width: 500px)だけです。初めのカスタマイズのお手伝いはできませんので、ちょっと提案しただけです。

別の方法が良い場合カスタマイズ、頑張ってください。

>かうたっく様

返信が遅れてしまい誠に申し訳ございません。

そうです。スマホページの時画像が小さいの&文字が画像の横に配置されないのが困っていました。

教えていただいたスタイルを適用したら無事解決しました。
ありがとうございます。