CSS для адаптивного дизайна не работает, что бы я ни пытался ⇐ CSS

[Anonymous]

Я разрабатываю адаптивный контент для баннера на главной странице сайта WordPress, и что бы я ни делал, стиль CSS не работает. Я пытаюсь создать стиль для iPhone 11, размер области просмотра которого составляет 414 x 896. Я использую метод максимальной ширины, когда я говорю, что все, что меньше определенной ширины, имеет определенный стиль. Однако каждый раз, когда я обновляю экран телефона, он все равно не обновляется. Ниже мой код. Прилагаю скриншот, как это выглядит на телефоне. Может кто-нибудь мне помочь?
Код:

Код: Выделить всё

@media (max-width: 415px) {
/* Gray Letters */
rs-layer#slider-9-slide-11-layer-1.rs-pxl-2.rs-layer {font-size:20px !important;
margin-top: 100px !important;}
/* Large Pink Letters */
rs-layer#slider-9-slide-11-layer-2.rs-pxl-3.rs-layer {color:#e600ac !important;
font-size:28px !important;
line-height:50px !important;
margin-top:120px !important;}
/* Small White letters */
rs-layer#slider-9-slide-11-layer-3.rs-pxl-3.rs-layer {color:#FFFFFF !important;
font-size:16px !important;
line-height:20px !important;
margin-top:140px !important;}
/* Contact Button */
a.rs-layer, a.rs-layer:-webkit-any-link {margin-top:50px !important;}
}

URL сайта: https://angelsofserenity.com



Подробнее здесь: https://stackoverflow.com/questions/792 ... what-i-try