collabofa
@collabofa (co la)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

SSL化でレイアウトが崩れる さくらのレンタルサーバ Mixed Content elementor WordPress css https

解決したいこと

さくらのレンタルサーバを利用しています。
WordPress、elementor pro を使用してサイトを構築しました。
SSL化したところ、ナビゲーションメニューが崩れました。

いろいろ調べた所、ナビゲーションメニューに使用しているelementorのウィジェットのcssをhttpで読み込もうとしている?せいで、cssが適用されず、崩れているようです。
無理やりhttpsで読み込むようにしてやればいいのかな?と思い調べて試しましたが上手く行きません。
解決方法を教えてください。よろしくお願いします。

・開発者ツールのコンソール
「Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure stylesheet ''. This request has been blocked; the content must be served over HTTPS.」
・使用しているelementorのウィジェットは「ナビメニュー」です

自分で試したこと

以下のページを参考に.htaccess等を設定しましたが解決しませんでした。

0

1Answer

プラグイン等が直接CSSを読み込んでいる場合、httpsに書き換えられてない可能性があります。
DevToolでエラーが出ているファイルを特定し、そのファイルを参照しているプログラムの「http://〜」を「https://〜」に置換してみてはどうでしょうか。

1Like

Comments

  1. @collabofa

    Questioner

    ご回答ありがとうございます。
    ファイルマネージャ等で該当プログラムを探し、改変する感じでしょうか?
    探してみようど思います。

Your answer might help someone💌