Я вставил всплывающее окно в мой сайт Wordpress . На рабочем столе все в порядке, но проблема, кажется, сохраняется на смартфонах. Когда я проверяю со смартфона (айфонов специально), он показывает плохо, и обрезать по краям. Также показывать кнопку не по центру.
Например, настольная версия:

и вот как это выглядит на iPhone , например:

Я пытался манипулировать с помощью CSS следующим образом:
@media only screen and (max-width: 600px) {
.pum-theme-3016 .pum-container, .pum-theme-hello-box .pum-container {
width:380px!important;
}
}
Но, похоже, проблемы все еще возникают на Apple и на некоторых устройствах Android. Любая помощь, как решить эту проблему?