Адаптация перепески для мобильных

#1 9 июня 2015 в 09:22

Добрый день, подскажите пожалуйста как можно адаптировать окно переписки пользователей, а то постоянно с телефона, а окно выходит за рамки экрана и невидно кнопку отправить!!! версия самая последняя!!!

Рекомендую хостинг beget.com (30 дней бесплатно) : https://beget.com/p1866

#2 9 июня 2015 в 09:58

Если память не изменят, просто в стили добавить:

#popup_container {
  min-width: 100px !important;
}

И для адаптивности (макс ширина выбрана в 960, поскольку окно по умолчанию шириной в 650 пикселей):

@media (max-width: 960px) { 
/*#popup_container {
  width: 99% !important;
}  */
#popup_container .popup_body {
  width: 99% !important;
  }
}

Как-то так...

На тестовом у меня нашелся еще вот такой код:

Спойлер

#popup_container {
min-width: 100px !important;
  max-width: 2000px !important;
}
 
@media only screen and (max-width: 780px) {
#popup_container .popup_body {
    width: 100%;
}
}

Делалось давненько и работает — факт. Но, может какая строка есть лишняя smile

т.к. думал переписывать модальное окно под css3 (но не судьба, оно вызывается скриптом, и там много каких в нем переменных, потому пришлось добавить парочку строк в стили через !important)

Хак.

Как создать свое поле icms 2.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Адаптация перепески для мобильных

Похожие темы

Адаптация шаблона

Проблема кодировки во фрейме html на мобильных устройствах

Редакторы Инстанта 2.13.1 на мобильных устройствах

Мобильный шаблон, каким он должен быть?

При смещении главного меню, оно не работает на мобильных устройствах.

Отображение вкладок на мобильных устройствах

InstantCMS Team

О проекте

Поддержка

Дополнения