PC表示におけるヘッダーデザインの崩れについて相談させてください。

【理想】
スマートフォンでは、ヘッダー画像、サブタイトル、翻訳ボタンが理想的な配置になっています。

【問題】
PCで表示すると、サブタイトルがヘッダー画像よりも右にズレてしまい、配置が崩れてしまいます。

【やりたいこと】
PC表示でも、ヘッダー画像とサブタイトルが揃うようにしたいです。

【現状と試したこと】

サブタイトル追加後、PC表示でのみズレが発生しました。

以下のCSSを試しましたが、ズレは解消されませんでした。

CSS

@media screen and (min-width: 1031px){
.header-container {
text-align: left !important;
}
}
【ヘッダー画像と設定の詳細】

ヘッダー画像ファイル: 1240px × 150px (png)

画像内のデザイン: 画像と文字は左寄せ、右半分は余白

プラグイン「Google Language Translator」のFloating Widgetボタンを使用しています。

ヘッダーロゴサイズの設定は、600px × 150pxです。

お手数ですが、解決策をご存じの方がいらっしゃいましたら、ご助言いただけますと幸いです。
よろしくお願いいたします。

高速化：無効にしました
環境情報：
----------------------------------------------
サイト名：一陽来復
サイトURL： https://behappy.pink
ホームURL： https://behappy.pink
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.8.2
PHPバージョン：8.3.22
ブラウザ：Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br, zstd
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7
カテゴリー数：11
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.7
style.cssサイズ：3289 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：5
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/uploads/2019/07/clover.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Category Order and Taxonomy Terms Order 1.9
Contact Form 7 6.1.1
Google Language Translator 6.0.20
Phoenix Media Rename 3.12.11
SiteGuard WP Plugin 1.7.8
wpForo 2.4.6
----------------------------------------------