Как уменьшить окно в мобильной версии (CSS свойство transform)?

Mahol
На сайте с 20.11.2016
Offline
59
304

Всем доброго вечера.

Нужно уменьшить окно обратного звонка в мобильной версии. Нашел css, отвечающий за размер окна. Но окно меняется и в комп. версии, что не нужно.

Как сделать? Пытался через @media, но что-то не так делаю.

Вот код размера окна:

.pop_active {

transform: scale(1)!important;

opacity: 1!important;

}

Сайт - http://36region-dveri.ru/

png Screenshot_2019-02-07-18-42-32-059_com.android.chrome.png
D
На сайте с 30.09.2018
Offline
8
#1

Если я правильно понял запрос.


.pop_active {
opacity: 1!important;
}

@media screen and (max-width: 767px) {
.pop_active {
transform: scale(1)!important;
}
}
Сайт под ключ (https://devmastery.ru)
Mahol
На сайте с 20.11.2016
Offline
59
#2

devmastery, чуть исправил. Вроде работает, спасибо.

.pop_active {

opacity: 1!important;

transform: scale(1)!important;

}

@media screen and (max-width: 767px) {

.pop_active {

transform: scale(0.5)!important;

}

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий