Всем привет!
Пытаюсь задать стили для фильтра от доски объявлений для правильного отображения на моб устройствах, в итоге не выходит. Существуют сервисы которые предоставляют возможность посмотреть как будет выглядеть сайт на моб устройствах, данные сервисы отображают фильтр вполне нормально. Но если зайти на сайт с планшета, то фильтр показывает всего 2 опции, остальные не видно. Пробовал и в процентах и в пикселях и в "em" ничего не выходит.
Смотрел и в мобильном и в планшете, упорно отображаются 2 опции в фильтре а остальные не видны.
Весь сайт настроен под мобильный и отображается отлично.
Прошу помочь в решении задачи.
Скрин полного фильтра — http://instantcms.ru/upload/userfiles/6102/bandicam%202016-06-29%2014-26-00-589.jpg
Скрин самой опции в фильтре — http://instantcms.ru/upload/userfiles/6102/bandicam%202016-06-29%2014-26-25-926.jpg
Было бы не плохо если меню "переламывалось" в мобильной версии, например начало меню наверху а конец с низу. Повторюсь, задавал и в пикселях и в процентах.
@media к сайту подключил, когда заходят с мобильного сайт переходит в другой режим сам код — <meta name="viewport" content="width=device-width, initial-scale=1.0">
Сам планшет с фильтром заскринить не могу но предоставляю нарисованный вариант — http://instantcms.ru/upload/userfiles/6102/%EA%EA%EA.jpg
ксс стили для фильтра от доски -мобильная версия
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
#1
29 июня 2016 в 14:41
#2
29 июня 2016 в 14:46
там же таблица. или перестройте таблицу или уберите ее совсем
Ткните пожалуйста)))там же таблица
Имеете в виду что то из этого? (фото)
или
Сегодня в 21:29
да вот это <table это начало таблицы.
В её ячейках у вас input и selet и они будут в любом случае выходить по ширине так как таблица не будет сжиматься под размер экрана.
для мобильной версии можно убрать таблицу или сделать её с одним столбцом и множеством строк в которых ваши input и select, в принципе смысла в ней нет, поэтому убрать и оставить
<form>
<select><select/>
<input></input>
и т. д.
до
</form>
В её ячейках у вас input и selet и они будут в любом случае выходить по ширине так как таблица не будет сжиматься под размер экрана.
для мобильной версии можно убрать таблицу или сделать её с одним столбцом и множеством строк в которых ваши input и select, в принципе смысла в ней нет, поэтому убрать и оставить
<form>
<select><select/>
<input></input>
и т. д.
до
</form>
#5
29 июня 2016 в 15:22
Это первая ветка? Возбмите за основу фри шаблон от токарева
#6
29 июня 2016 в 15:31
да вот это
Спасибо всё вышло!!!
#7
29 июня 2016 в 15:32
Буду иметь в виду, спасибо тема закрыта.токарева