ксс стили для фильтра от доски -мобильная версия

 
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 750
Всем привет!
Пытаюсь задать стили для фильтра от доски объявлений для правильного отображения на моб устройствах, в итоге не выходит. Существуют сервисы которые предоставляют возможность посмотреть как будет выглядеть сайт на моб устройствах, данные сервисы отображают фильтр вполне нормально. Но если зайти на сайт с планшета, то фильтр показывает всего 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
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2603
там же таблица. или перестройте таблицу или уберите ее совсем
Реклама
cms
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 750
Нил™:
там же таблица
Ткните пожалуйста)))
Имеете в виду что то из этого? (фото)
ксс стили для фильтра от доски -мобильная версия

или
ксс стили для фильтра от доски -мобильная версия
Редактировалось: 1 раз (Последний: 29 июня 2016 в 14:53)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 2603
да вот это <table это начало таблицы.
В её ячейках у вас input и selet и они будут в любом случае выходить по ширине так как таблица не будет сжиматься под размер экрана.
для мобильной версии можно убрать таблицу или сделать её с одним столбцом и множеством строк в которых ваши input и select, в принципе смысла в ней нет, поэтому убрать и оставить

<form>
<select><select/>
<input></input>
и т. д.
до
</form>
Редактировалось: 1 раз (Последний: 29 июня 2016 в 15:01)
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проектаКубок зрительских симпатий
Сообщений: 3094
Это первая ветка? Возбмите за основу фри шаблон от токарева
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 750
Нил™:

да вот это

Спасибо всё вышло!!
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 750
Jestik:
токарева
Буду иметь в виду, спасибо тема закрыта.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: