ブログカードを入れたモバイルサイドバー

デフォルトのモバイル環境ではサイドバーは表示されないと思うんですけど、どういう設定でサイドバーを出していますか？
またはみ出すということなんで、モバイルというのはスマホかと思うんですが、iPhoneですか？

どういう状況で利用していて、現在どうなっているかを知るのにその問題が出てるサイトのアドレスを書いてもらえるのが助かります。

想像で答えると、
.blog-cardにはcssのcalcが利用されています。PC時、100% – 40px を引いているのでこれではみ出ることはないかと思うんです。で、.blog-cardの中のサムネイルはfloat: rightとなっています。ここらから考えると、ブログカードがオカシイのではなく、他の何かの要素がサイドバーの幅を押し広げていて、それに追従するようにブログカードが表示されているのではないかと思います。

よって、それが確定なら、その要素の最大幅を100%にして本来のサイドバーの幅に納まるようにする必要がありますし、またview portが正しく設定されているか等も調べる必要があります。
何が原因かは利用されている環境によって異なるので、これだというのはできません。

サイトのアドレスが公開できない場合は、これらを参考に調べてみて下さい。

早速、ありがとうございます。他にもモバイル表示で教えていただきたいことがあるので、テスト環境を整理して、あらてめてこちらに質問します。少しお時間ください。

いま、Simplicityのサイトをモバイルで見て、自分のと同じでしたので、問題ないことがわかりました。

iphone6plus
http://www.fastpic.jp/images.php?file=5088095093.jpg

スライドインでサイドバーを出した最初の状態ではブログカードが切れていますが、タップして動かせば問題なく見れます。こういう仕様なのですね。お騒がせしました。

いや、それは問題ありです。おそらくPCの設定が継承されてるとかですかね

#sidebar .blog-card {
  width: 100%;
  min-width: initial;
}

とかでどうなりますか？

もともとのPC用の.blog-cardにmin-widthが入っていたので、それが邪魔してるんじゃなかろうかと。

Hidekichiさんのコードをmobile.cssに書いたらサクっと直りました。
いつもありがとうございます。

それから、わいひらさん向けにですが、サイドバーがスライドインダークの時、textwidgetのフォントが設定されていないので、#333が適用されてまして、通常テキストが消えてるっぽいです。

#sidebar .textwidget {
  color: #fff;
}

/*p以外も必要かも*/
#sidebar .textwidget p {
  color: inherit;
}

#sidebar .widget p,
#sidebar .widget div,
#sidebar .widget li {
    color: #fff;
}

こんな感じでしょうか。他にも設定しないといけないかも知れません。
原因としては、現在利用中のskinのユニバーサルセレクタにてサイズとカラーが設定してあるからでしょうか。
現在のスキン上では、上記設定が別途必要です。
simplicity自体は問題ないのかも知れませんが、ここらはデフォルトの状態を見てみないとわかりません。