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

#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 не видны с мобильных устройств

Панель для мобильных

GPS/Glonass геолокация на InstantCMS

[ЕСТЬ РЕШЕНИЕ] Как показывать только для мобильных устройств?

[ЕСТЬ РЕШЕНИЕ] Как применить css только к мобильным устройствам?

Мобильный шаблон

Нижнее меню не адаптивно

Похожее в блогах

FastNews - новостной Bootstrap-3 шаблон для InstantCMS 1.10.6

Шаблон light-news 2.2.1 - 2.5.1

cMobil - Мобильный шаблон

Бесплатный/платный мобильный шаблон

InstantCMS Team

О проекте

Поддержка

Дополнения