モバイルサイズの表示が一部崩れて戻し方が分からなくなった

何をどうイジったかをひとまず箇条書きにでもして書いてみて下さい。

現在、window._wpemojiSettingsと言うjavascriptの挿入されている箇所で何かしらエラーがでているようですが、それがエラーとは思えないので、他の原因でこれらがエラーを吐いているのだろうかと思います。

その見当をつけるためには、何をどうしたかをまず知る必要があるのではなかろうかと。

masonry(2列タイル)を止めたら普通にcssで修復できる点ですが、こやつは絶対値でいろいろと書いてあるので修復が手間です。

Hidekichiさん、いつもお世話になっております。
・ヘッダー画像を幅いっぱいに（教えてもらってだいぶ前にしたやつ）
・「記事を読む」の背景色をつける
・サイドバーのタイトルの下のピンクの線
・Twitterのツイート数カウントを表示（これは昔にしたのでたぶん関係ない）
・記事を読むボタンを右寄りに調整（よく見ると記事の枠からはみ出しているけど、直せなかった）

たぶんこれだけだと思います。あとはよくわからなくなって途中で変更を断念したこともありますが、その内容は消したので関係ないかなと思っています。

数日前に気が付いたらなってたので、正直よくわからないです。

いつもTwitterのアプリからリンクを踏んでサイトを表示していたのですが、その方法だと左詰めになっています。

サファリから検索で入ったら、センターにきちんと表示されていました。

どちらもページタイトルのフォントサイズは大きくなったままですが…

わいひらさん、申し訳なかったです。僕もリンク踏んでいく以外だと中央表示にはなってるのはしらなくて。

http://animekoku.com/?page_id=3817

スクショ載せました。

ひとまず、子テーマのresponsive.cssの中の@importなんですが、

@import url("css/media.css");/*Youtubeなどiframeのスタイル*/
@import url("css/narrow.css");/*Youtubeなどiframeのスタイル*/

cssディレクトリにこれらファイルはありますか？
そもそも子テーマにcssディレクトリがあったかどうかも定かではないんですが、ここらが読み込めないエラーがでてるっぽいです。ここらがどういう構成になっているかを教えて下さい。

responsive.cssの上のほうにその2行がありました。
下に何か付け加えていたので、全部消してみたのですが何も変化がなかったのでとりあえず置いたままにしています。最近触ったstyle.cssの内容も/* */でなくしてみたのですが、ページタイトルのフォントサイズに変化はありませんでした。

Twitterからのリンク踏んでから見る場合でも、サファリで直接見るのと同様にセンター表示になるようには知らない間に戻ったみたいです。

あとは、モバイル表示の時のページタイトルのフォントサイズをもとの大きさに戻したいのですが、フォントサイズの指定を無理やり書き込んで直るものなのでしょうか？

@import url("css/media.css");/*Youtubeなどiframeのスタイル*/
@import url("css/narrow.css");/*Youtubeなどiframeのスタイル*/

について。

もし必要があるなら、これは別にあっても良いのですが、子テーマにcss/media.css等と言うディレクトリ・ファイルがあるのかどうかと、各ファイルは正しく書き込めているのかどうかと言うのが気になったわけです。

これらは基本親テーマにあって、親テーマのresponsive.cssを読み込んだら、既にインポートされているわけですから、子テーマで再度読みこむ必要がないものかと思うんです。

子テーマstyle.cssなりresponsive.cssは親テーマのスタイルを上書きしてスタイルするものですから、そこに何も書かなければ親テーマのままのスタイルが継承されるわけです。で、例えばcssの管理のために別途わかりやすいように用意してあるのであればそこには問題はないのですが、基本は子テーマstyle.cssだけで親テーマのresponsive.cssも含め上書きできると思うんですが、どうして子テーマの中にcssフォルダを作りその中にnarrow.cssとかが入れる必要があったのかが気になったわけです。

子テーマでたいていのものを上書きができるのは2系なので、1系の場合は上書きできないために、別途用意されているのかもとも思ったんですけれども、chromeで確認した所、子テーマの中の
css/media.css
css/narrow.css
css/thread-responsive.css
でエラーがでています。ネットワークでも404が返ってきていているので、そこに実際にファイルはあるのかどうか、その中身は正しくかけているのかどうかと言う点を聞いていたのですが、どうでしょうか？

Hidekichi さん、早速のご返答ありがとうございます。

正直、あまりよく覚えていないのですが
おそらく僕が（コピペでできる程度の）何かをしようとして断念した後のcssフォルダの残骸かもしれないです。

子テーマのresponsive.cssを消せばいいのでしょうか？
コピペしたと思われる内容には/*幅の調整*/的なことが書かれてますが実際、どこかに使われているような感じはしません。

返信の内容もなんとなくしか理解してないので、的外れな返事してしまってたらすみません。
（以前のFFの話で子テーマの意味は理解しました！）

フォントの件ですが、記事のタイトルなら、

@media screen and (max-width: 440px)
  .entry h2 a {
    font-size: 16px;
  }
}

これがindexで読み込まれています。ここを直せばイケそうですが、masonry(2列タイル)は.entryの高さも計算で絶対値が入ってますから、大きくするとはみ出して、小さくすると隙間がアキます。masonry(2列タイル)で書きだされるスタイルを根本的に修正すればサイズを直すことはできると思いますが、cssで何かしようとしたらちょっと面倒くさいことになるかと思います。

css-custom.phpに、

<?php if ( is_list_style_tile_thumb_2columns_style() ): ?>

と言う箇所があって、そこの中に、

@media screen and (max-width:440px){

}

のブロックがあるので、その中身をいじれば、それに合わせてmasonryの方で色々と設定をあわせるかも知れません。