二枚添付したつもりでしたが表示されなかったので、ZenphoneMaxで表示したときの画像を追加します。

最初の画像は、iPhoneXで表示したときのものです。

本人です。追記です。

スマホ表示時の本文下に表示されているサイドバー部分では、添付画像を見ていただくとわかる通り、正常に表示されています。

フッター固定メニューからサイドバーを開いた時のみ、非表示になる状態です。

ちなみに、他のサイトでも同様の現象が起こっているのですが、「カスタムHTML」で作成したリンク集のウィジェットは、リンクが正常に表示されています。

内容は、

<a href="http://hogehoge1.jp">ほげほげ一</a>
<a href="http://hogehoge2.jp">ほげほげ二</a>
<a href="http://hogehoge3.jp">ほげほげ三</a>

のようなものです。
他の<div>や<p>などは使っておりません。

<h3></h3><div>囲まれたタイトルも表示されており、純粋に、テキストのみが表示されない状態のようです。

<h3></h3><div>囲まれた

は、

<h3></h3>で囲まれた

の間違いです。

こんにちは

子テーマに書いてるCSSの記載に間違いがあるようです。

例えばおかしな文字列として認識されている。などなど…多数あるようです。

• 半角文字が全角文字になっている
• 半角スペースがオカシイ。おそらく文字コードが違って『半角スペース』扱いではない?となっている
• スタイル指定が間違っている

子テーマCSSを一時的にでもバックアップをとり、スタイルのない状態にすればキチンと表示されますよ。

まだ確認できていませんが、?思い当たる箇所があります。

ご教示いただき有り難うございます。

修正完了後に、再度、お礼と報告のコメントをいたします。

かうたっく様

ご教示いただきありがとうございました。

教えていただいた子テーマの原因となりそうな箇所をしらみつぶしに調べてゆきましたところ、原因がわかりました。

それは、モバイル時のフッター固定メニューの色をサイトのテーマ色に近い色にカスタマイズした箇所のなかのhoverにcolor:#fff;を指定していたことが原因でした。 → このcolorを外すことで、ウィジェット内のテキスト文字が表示されるようになりました。

ただその表示のされ方が0.何秒遅れで、フェイドインするようにホワンと表示されています。

フェイドインの原因が親テーマの .mobile-menu-buttons .menu-button:hover に記載されている transition: all 0.5s ease; であることがわかったので、親テーマから .mobile-menu-buttons 関連の記述をコピペして子テーマに張り付け、フッター固定メニューバーの色をサイトのテーマ色に合わせ、hoverの中に記述されているcolorを削除し、transitionを無効化することで、正常に表示されるようになりました。

かうたっくさん、ありがとうございます。

子テーマに原因があるという発想がなかったので、無駄なことばかりに時間を費やしていました。

最後に、修正前のフッター固定メニューバー部分のCSSと、修正後の記述を表記します。

修正前 ⬇

/* モバイルメニュー関連 始まり */
.mobile-menu-buttons {
background: #05447b!important;
color: #fff!important;
}
.mobile-menu-buttons .menu-button:link {
background: #05447b!important;
color: #fff!important;
}
.mobile-menu-buttons .menu-button:visited {
background: #05447b!important;
color: #fff!important;
}
.mobile-menu-buttons .menu-button:hover {
background: #05447b!important;
color: #fff!important;
}
.mobile-menu-buttons .menu-button:active {
background: #05447b!important;
color: #fff!important;
}
.mobile-menu-buttons .menu-icon {
color: #fff;
}
.mobile-menu-buttons .menu-caption {
color: #fff;
}
/* モバイルメニュー関連 終わり*/

修正後 ⬇

/* ★★★★★モバイルフッター固定メニュー関連★★★★★ 始まり*/
.mobile-menu-buttons {
	background: #05447b;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display:flex;
	line-height: 1.4;
	height: 50px;
	color: #fff;
}
.mobile-menu-buttons .menu-icon {
	margin-top: 3px;
	text-align: center;
	display: block;
	color: #fff;
}
.mobile-menu-buttons .menu-icon::before {
	font-family: FontAwesome;
	font-size: 1em;
}
.mobile-menu-buttons .menu-caption {
	font-size: 12px;
	text-align: center;
	display: block;
	color: #fff;
}
.mobile-menu-buttons .menu-button {
	position: relative;
	width: 100%;
}
.mobile-menu-buttons .menu-button > a {
	color: #fff;
	text-decoration: none;
	cursor: default;
}
.mobile-menu-buttons .menu-button:hover {
	background-color: #05447b;
	transition: none 0s ease;
}
.mobile-menu-buttons .ad-area {
	display: none;
}
.navi-menu-icon::before {
	content: '\f0c9';
}
.home-menu-icon::before {
	content: '\f015';
}
.search-menu-icon::before {
	content: '\f002';
}
.top-menu-icon::before {
	content: '\f062';
}
.sidebar-menu-icon::before {
	content: '\f03b';
}
/* ★★★★★モバイルフッター固定メニュー関連★★★★★ 終わり*/

以上です。

本当は、右からスライドして表示されるサイドバーの中にもhoverのtransitionが効いている状態だったので、元のフッターメニューバーで無効化するのではなく、サイドバーの中だけ無効化したかったのですが、また試行錯誤に時間がかかりそうなので、.mobile-menu-buttons .menu-button:hoverのtransitionを無効にすることで対処しました。

ありがとうございました。

（添付ファイルは、修正後のものです）

かうたっくさんからご指摘いただいた下記の箇所も修正いたしました。

　・半角文字が全角文字になっている

　・半角スペースがオカシイ。おそらく文字コードが違って『半角スペース』扱いではない?となっている

　・スタイル指定が間違っている

本当に有り難うございました。