Ваши CSS-файлы не загружаются должным образом, потому что они указывают на http вместо https. Откройте DevConsole (F12 для Chrome), перейдите в консоль и посмотрите, есть ли ошибки. У меня была эта проблема с другими CDN, такими как Google Cloud CDN и CloudFlare, и я смог ее исправить, включив «Full Strict SLL». Я не знаком с CloudFront, поэтому я погуглил и нашел, как мне кажется, решение:
1. Зайдите в консоль AWS и перейдите к CloudFront.
2. Найдите сайт, над которым вы работаете. Это не сразу очевидно, поэтому посмотрите в столбце Origin имя домена или S3, которые вы использовали. Нажмите на идентификатор, чтобы перейти к настройкам этого дистрибутива CloudFront.
3. Перейдите на вкладку «Поведения» и нажмите «Создать поведение». Вы уже увидите одно поведение («По умолчанию / () / S3-Bucket / HTTP и HTTPS»), просто проигнорируйте это.
4. В «Path Pattern» вы хотите установить правило соответствия для пути сайта, который вы хотите использовать. В этом случае нам нужен весь сайт, поэтому введите «».
5. В «Политике протокола просмотра» выполняется важная работа. Выберите «Перенаправить HTTP на HTTPS».
6. Оставь все остальное как есть. Хит Сохранить.
7. Наконец, убедитесь, что это новое правило имеет настройку приоритета «0». Это означает, что это главное правило CloudFront, и оно будет выполняться раньше всего, обеспечивая выбор HTTPS. Источник
Если это не работает для вас, попробуйте добавить это в ваш файл .htaccess (если он у вас есть):
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Илипопробуйте установить плагины WordPress, которые включают строгую политику SSL, например WP Force SSL