Beldadバージョンアップ後のスマホ表示について

[kumikoy]

——————————————-
WordPress のバージョン：5.5.1
Welcart のバージョン：1.9.31
PHP のバージョン：7.4.4
ご利用のテーマ：Welcart Beldad 1.0.8
症状を確認したブラウザ：Chrome, Safari
サーバー：エックスサーバー
SSLの利用：常時SSL
——————————————–

お世話になります。

前回同様、下記バージョンアップ後にスマホ、ipad等で、ヘッダー部分のロゴ右のハンバーガーメニュー、メンバーアイコン、検索アイコンが表示されておらず、マウスオーバー するとホバー色で見える状態です。そのほかボタンやフッター部分の色などCSSが反映されなくなっております。

１、welcartのプラグインを更新
２、Beldadも1.0.2から1.0.8へバージョンアップ
３、カスタマイズファイル等の差分を更新
４、その後、「Beldad 1.0.3を利用する場合親テーマ「Welcart Basic」は必ず1.2.9 以降を利用してください。」とあったので、welcart basicをバージョンアップ

style.css 以外に何かデザインに対して更新するCSSファイルはありましたでしょうか？
よろしくお願いいたします。

[kumikoy]

追加です。
これ以外にも、スマホでの見た目とは関係なく、フッターメニュー部分がおかしかったりしたので、設定し直したりもしました。

[kumikoy]

たびたび追加で失礼します。
今、目についたところで言うと、新着商品や在庫僅少などのタグの色も、PC版の見た目と変わってしまっています。
@media 等の設定も何か変わったのでしょうか？

Attachments:

You must be logged in to view attached files.

[yasumax]

こんにちは。

スマホ、ipad等で、ヘッダー部分のロゴ右のハンバーガーメニュー、メンバーアイコン、
検索アイコンが表示されておらず、マウスオーバー するとホバー色で見える状態です

新着商品や在庫僅少などのタグの色も、PC版の見た目と変わってしまっています。

スマホ・iPadでとのことですが、もしかするとブラウザキャッシュが原因ではないでしょうか？
該当部分はテーマカスタマイザーで色を設定できる部分になりますので、PC・スマホで色の差異はないはずです。
ブラウザキャッシュを削除して確認してみてください。

ブラウザキャッシュ削除については、利用されているスマホの機種・バージョンによって異なるためGoogle検索などで調べていただければと思います。

[kumikoy]

ありがとうございます。
ブラウザキャッシュも削除していますが、テーマカスタマイザーで色を設定されている色が全く反映されてません。
他に考えられる原因はありますでしょうか？

[yasumax]

こんにちは。

該当箇所の色指定はブラウザサイズによって変更するような指定はありませんでした。
スマホ・iPadで起こってるとのことなのでブラウザキャッシュの可能性が高いかと思います。

[kumikoy]

ありがとうございます。
スマホでキャッシュをクリアしても、結果は同じく。
PCのブラウザでも（キャッシュをクリアした状態）ウィンドウを小さくすると、スマホで見たときのようにCSSが適用されていない状態が確認できます。

暫定的に例えばフッター部分のスタイルをstyle.cssに追加してもCSSが反映されず・・・な状態です。

[yasumax]

こんにちは。

テーマカスタマイザー上で設定した色はinc/theme-customizer.phpの下のほうにある「Custom Color」というセクションからになります。
ブラウザサイズで色変更しているといってもテーブルの色やハンバーガーメニューの色程度になります。
Beldadにカスタマイズを施したデモサイトでも問題なく表示されているのでkumikoyさんの環境固有の問題なのかと考えています。
例えばカートボタンですと.h-column .iconbtnというセレクタでスタイルをかけています。
style.cssなどのスタイルシートで色指定をされていたりしないかなど確認していただけると助かります。

こちらで再現ができないため推測の域を出ないのが心苦しいですが、該当部分に何色が指定されてしまっているのかブラウザの検証ツールを利用してみてみるのがいいかもしれません。

[kumikoy]

結果から言うと、解決しました。

非常にお恥ずかしい話ですが、初歩的ミスでした。
私のような初歩的ミスに気づかず迷宮入りされる方もいないかもしれませんが、まさか、と言うこともあるかと思うので、こちらに残しておきます。

他の環境（他者）でも同じ結果だったので、今朝、また新たな目でstyle.cssを見ていたところ、　単にCSS記述の際に閉じる「;」を１箇所忘れていた、というミスでした。

お時間をいただきご迷惑をおかけしました。
また何度もご丁寧にありがとうございました！

[投稿者]

投稿