Contactus - форма обратной связи

Avalllon

Avalllon

Хранитель порядка
Регистрация
18 Июл 2015
Сообщения
365
Реакции
515
Скажите, а есть возможность менять размер и/или положение прилипающей кнопки на мобильных устройствах? А то с телефона текст перекрывает, хотя на десктопе она совсем небольшая.
 
sche написал(а):
Скажите, а есть возможность менять размер и/или положение прилипающей кнопки на мобильных устройствах? А то с телефона текст перекрывает, хотя на десктопе она совсем небольшая.
Нажмите для раскрытия...
Да можно,через css!
 
  • Нравится
Реакции: sche
Alekxander написал(а):
Для мобильных устройств есть Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
Действительно, как я мог забыть (элементарно, я же ими лишь однажды пользовался).

Помогите, пожалуйста, довести код до ума. Я хочу, чтобы на телефонах кнопка "перепрыгивала" вниз. Пока добавил такое вот (по сути скопировал то, что сам модуль подставляет для ориентации по нижнему краю, в случай с прилипанием к левому для устройств с небольшим разрешением) :
HTML: 
@media screen and (max-width: 639px) {
#button-contactus-lightbox-form94 {
padding: 1px 4px;
transform: rotate(0deg);
}
button.contactus-button.sliding{
   padding: 1px 4px;
   z-index:999994;
   -webkit-border-radius: 0px;
   -moz-border-radius:0px;
   border-radius: 0px;
   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
   overflow-y: hidden;
   transition-property: all;
   transition-duration: .5s;
   transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
button.contactus-button.sliding.align-left {
   position: fixed;
   bottom:0;
   white-space: nowrap;
}
}
Так выглядит на десктопе:
1.png

А так на телефоне:
2.png

Т.е. его нещадно растягивает.
Мне кажется, проблема в привязке к заданным процентам отступа от верха браузера, у меня стоит 25 процентов (top: 25%), но инспектор не показывает, что за файл содержит эту информацию, "элемент inline".
 
sche написал(а):
Действительно, как я мог забыть (элементарно, я же ими лишь однажды пользовался).
Мне кажется, проблема в привязке к заданным процентам отступа от верха браузера, у меня стоит 25 процентов (top: 25%), но инспектор не показывает, что за файл содержит эту информацию, "элемент inline".
Нажмите для раскрытия...
Значит стили нужно искать в настройках шаблона, модуля... и т.д.
Ну, или прописаны прямо в php файле. Всякое бывает.
Вот Для просмотра ссылки Войди или Зарегистрируйся я смотрю адаптивную вёрстку и сбоку сразу удобно просматривать код и стили. Там под всевозможные размеры экранов.
 
  • Нравится
Реакции: sche
to Для просмотра ссылки Войди или Зарегистрируйся
дайте ссылку на страницу. там нужно прописать пару свойств, но без полной картины не возможно подсказать
 
Alekxander написал(а):
Значит стили нужно искать в настройках шаблона, модуля... и т.д.
Ну, или прописаны прямо в php файле. Всякое бывает.
Вот Для просмотра ссылки Войди или Зарегистрируйся я смотрю адаптивную вёрстку и сбоку сразу удобно просматривать код и стили. Там под всевозможные размеры экранов.
Нажмите для раскрытия...
Смотрю в .css модуля, не вижу. В php не заглядывал пока. За инструмент благодарю, правда, не вижу стилей справа.
creamel написал(а):
to Для просмотра ссылки Войди или Зарегистрируйся
дайте ссылку на страницу. там нужно прописать пару свойств, но без полной картины не возможно подсказать
Нажмите для раскрытия...
Оставил в личных сообщениях ссылку.
 
пропишите:
Код: 
@media screen and (max-width: 639px) {
#button-contactus-lightbox-form94 {padding: 1px 4px;transform: rotate(0deg);height: 32px;top: calc(100% - 32px) !important;}
}
и все будет ок :)
 
  • Нравится
Реакции: sche
Как и где изменить отображение в модуле английского языка на русский в ReСaptcha от гугл?
в гугле не вижу этой настройки
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху