kira88

ありがとうございます。

800pxと650px(maxとmin)のブレークポイントに同様にコードを付け足してみました。

結果としては1000pxにのみコードを付け足した時と同じ挙動です。
例えばPCのブラウザで表示幅を狭めていくと、
まず右サイドバーが落ちますが(ここまではOK)、どこまで狭めても左サイドバーは落ちない(メインカラムと左サイドバーが並んで表示されている)、という状態です。

iPhone-safariでも同様で、メインカラムと左サイドバーが表示されている状態です。

各ブレークポイントでの設定を変えてもみましたがうまくいきませんでした。
メディアクエリー、難しいですね・・・

こんばんわ！お忙しいところご回答ありがとうございます。

メディアクエリーのところで設定でしたか・・・
この辺り知識が浅く、まったく見当がつきませんでした。

で、早速にご指摘のコードを適用したのですがすが、うまく動作しません。
具体的には、左サイドバーと右サイドバーが同時に、同じタイミングでカラム落ちしてしまいます。

つまりは、両サイドバーが一つのサイドバーのように振舞っているようで、
左サイドバー→右サイドバーと順次に落ちてはくれません。

CSSを読む限りでは(というか読み解き切れていないのですが・・・)#leftcolumnの指定がこれでいいのか気になっていますが、まだよい結果が出ていません。

なお、環境としては子テーマを使ってカスタマイズしており、元々のbirdtipsのファイルには手を加えていません。

これから更にテストをしようと思いますが、どの辺りがテストでの確認点になるでしょうか。
アドバイスありましたらお願い致します。