このブログはWordpressをの
テーマはHuemanというテンプレートを使っています。
(実際には子テーマを使っています)

先日、テーマのアップデートがあったので更新したら
Chromeでだけ、ヘッダーのレイアウトが崩れる現象が発生しました。
IE、Edge、Firefoxなどの他のブラウザでは正常に表示されます。

私はヘッダーには画像を配置しています。
Huemanのカスタマイズメニューではヘッダーには
サイト名などの文字列か画像のどちらを配置するか選択し、
両方を配置するにはウィジットなどを使う必要があります。

それなのに、Googleだけ
ヘッダー画像の上に
サイト名や固定ページのメニューが文字列で配置されてしまい、
なんとも変な感じになってしまいました。

こりゃ大変!と思い、
最初はテーマのダウングレードを考えましたが、
テーマのアップデートは今後もあるでしょうし、
セキュリティ的にも古いのを使い続けるのは良くありません。
なので、ない知識を総動員して、
たまにグーグル先生にたよりながら、
ブラウザ別の分岐タグの作成を試みたりしましたが、
結局直らず・・・・
何時間も悩んで、夜も更け、
眠さ限界になってきたので、あきらめて寝ました。
次の日も、結構悩んであれこれやってみたんですが、
成果なし・・・・

疲れ果てて、あきらめました。

そして2日後・・・

勝手に直ってました-!!

Huemanが修正バージョンを配布したわけではないので、
想像ですが、おそらく、
Chrome側が悪かったんじゃないかと。
で、世界中で同じような事象が起き、
Chrome運営側が直したのでは、と。
バージョンを確認していないのであくまで想像ですが。
何はともあれ、良かった良かった。
ただ、無駄に使った約10時間がもったいなかったですな。

私は、CSSなどの知識に乏しいので
こういう事態になるとただパニクるだけです。
もっと勉強しなければ時代について行けません。