morisac
フォーラムへの返信
-
投稿
-
@うなこ様
ご返答ありがとうございます。
>ダークモード対応用のCSSを入れていらっしゃるようですので、ダークモードに対応されないようでしたら以下のCSSを削除すると良いのかなと思います。
→カスタムCSSに入っていました。
過去に制作したデータを流用していたので、どこかの段階で入れたのを失念していました。
該当箇所を削除したところ、ダークモードが無効化されました。
ひとまずこちらで進めていきます。ダークモードにも対応しなければならない場合も考えられますので、対応する場合でいただいたアドバイスも実施してみます。
また同様の内容で質問をさせていただく可能性もありますので、ひとまず完了にはせず、試したのちにご返答、完了報告をさせていただきます。引き続き、何卒よろしくお願いいたします。
ご連絡が遅くなってしまい申し訳ございません。
それぞれ下記の対応にて解決しました。①『tel:〜』が機能せず →何も反応がない
こちらはご教示いただいた方法で試したところ、きちんと機能しました。②ハンバーガーメニュー部分のTel部分のテキストが表示されない（添付画像参照） →テキスト部分が真っ白になって表示されない
こちらはキャッシュを削除しましたが、現象に変わりはありませんでした。
なので、テキスト部分をCSSにて個別に文字色を指定したところ、無事に表示できました。何卒よろしくお願いいたします。
松田様
ご連絡ありがとうございます。
Googleアプリでの不具合があったんですね（恥ずかしながら、普段iPhoneを使っているのでGoogleアプリとGoogleChromeの違いを初めて知りました）。
ひとまずお客様にはGoogleアプリで閲覧していないかと、キャッシュについて確認してみます。その上でやはり不具合が起こるようでしたら、改めてご報告させていただきます。
ひとまずお礼までとさせていただきます。@DRILL LANCER様
>あと、サイトが SSL 化されているのに対して画像が http で取得しようとしています。
>画像の URL の修正もしたほうが良さそうです。時々、SSL化されていないなとも思っていたのですが、これが原因だったんですかね…。
こちらも今一度見直してみます。
ありがとうございます！@対馬様
>HTML ソースを見ると、Autoptimize というキャッシュを生成するプラグインをお使いのようです。
>このプラグインを止めてどうなるか試してみるといいです。
Autoptimizeはキャッシュのプラグインだったんですね！タイトルや説明文になかったので、見逃していました。
試したところ見事に解消されました。
ありがとうございます！@DRILL LANCER さん
ご回答ありがとうございます！
いただいた方法（①）で解決しました！>検証モードで @media を含むコードをコピーした場合 @media に必要な { が足りない状態の CSS が出力されます。
→なるほど…言われてみればすごく単純なミスでした…が、気づかなかったので本当に助かりました！
今後も検証モードから引用する場合には注意します。>P.S,
>設計思想の話ですが、Lightning では画像の水色のラインが PC 揃うように設計されています。
>デザインの好みは人それぞれだとは思います。しかし、あくまで個人的な意見を述べさせていただくならば、ロゴだけそのラインから
>飛び出すのはいかがなものかと思います。
→個人的な意見としては同感です。ただ、ロゴが背景の天井部分になるように（エアコンと被らないように）というのがクライアント様からのご要望で…。ありがとうございました！
@うなこ さん
ご回答ありがとうございます！
height: 560pxにはなってました。
ご教示いただいた通り、追加CSSに.site-footer iframe { height: 560px !important; }を入れたところ、今のとこきちんと表示されています。
少し様子を見てみたいと思いますので、解決済みはもう少々お待ちください。ありがとうございます！
