ワードプレスで記事一覧がスマホ版のみ表示されません。

Question

初めてワードプレスの自作に挑戦しています。
All-in-One WP Migrationを使いローカルサーバーからレンタルサーバーに移行しました。
恐らくそのタイミングでだと思うのですが、
トップページに表示されていた投稿の最新の記事一覧がなぜかスマホ版のときのみ
表示されなくなってしまいました。

移行前のローカル環境ではきちんと表示されていました。
移行後、ローカル環境でもスマホ版のみ真っ白に…

パソコン版、タブレット版だと思い通りに表示されています。
思い当たる原因は以下の通りです。
・最新記事一覧のレイアウトをパソコン版、タブレット版では2カラム
スマホでは1カラムにしていることが原因？
・All-in-One WP Migrationの不具合でしょうか？
・プラグインが原因かと思いましたが、移行先に入れているのは
BackWPup、Classic Editor、All-in-One WP Migrationのみです。

いろいろ調べましたが原因がさっぱりわかりません。
最新記事一覧は以下のコードで出現させています。
宜しくお願い致します。

<div class="news_cnt red_rd"> <div class="news_box"> <?php if(have_posts()) : while (have_posts()) : the_post(); ?> <a href="<?php the_permalink(); ?>" class="permalink"> <div class="the_time"> <?php the_time('Y.n.j'); ?> </div> <?php the_title(); ?> </a> <hr> <?php endwhile; endif; ?> <a href="<?php echo home_url() ?>/blog">一覧で見る →</a> </div> </div>

Comments

[CHERRY]

真っ白ということは、、500 エラーなどが発生していると思われます。
サーバーのログを確認してどのようなメッセージが記録されているか確認してください。

[m.ts10806]

「WordPress」を質問タグに追加してください。

[m.ts10806]

コードはこれだけですか？
WordPressのコアプログラムをincludeしてないといけないように思いますが。

[kumakuma-]

CHERRYさん
ありがとうございます。
確認しましたが、エラーは記録されていませんでした。

[kumakuma-]

m.ts10806さん
ご指摘ありがとうございます。
追加させて頂きました。

このコードのみをindex.phpに書いています。
他はarchive.phpとsingle.phpを作りました。
かなり未熟ながらYouTubeやブログを拝見しながら
作っている状態なのでなにか根本が抜けている状態なのでしょうか…

[webgoto]

PC時とSP時で書き出されたHTMLを比較して、違う所が分かれば解決につながるのではないでしょうか。
違いが無いならCSSの問題かと思います。

[kumakuma-]

webgotoさん
ありがとうございます。
ずっとワードプレスのタグの問題かなにか記述が足りないのかとばっか思ってましたがご指摘の通りｃｓｓの問題でした。この5日間なにに悩んでいたのか悲しくなりました。ありがとうございました。

Answer 1

divのclassを全て取ったところ解決致しました。
お騒がせ致しました。
ご協力いただきありがとうございました。