alex-1917

bit8.ru/_snippets/timeline

Отец! Это я нашел на кодпене за 1,23сек!

Для ModX есть заипатый фильтр mSearch2, правда, платный....
https://modstore.pro/packages/ecommerce/msearch2
Демка https://minishop2.com/catalog/

В чем заипатость? Самое главное - он отсекает нулевые результаты...

Конечно клиент наклацал! Я даже знаю какой он плагин наклацал. Короче говоря, дубиной клиента как следует епните, иначе так и будете его высеры мозговые оприходовать)))
Обычно это у них бывает по понедельникам с утреца, когда мыслей за два выходных поднакопится и руки чешутся, мозги плавятся, всё зудит... Лечится катастрофичным обрезанием в админке всего и вся... Некуй там им делать, а если такие умные, пусть глюки сами устраняют. Я парочку таких шибко продвиутых поставил на место ознакомлением с суровым ценником на доп. работы)))) Ибо велико желание списывать устранение последствий криворукого лазания под тех. поддержку. Ибо некуй!

Для телефона я делаю ширину 100% и высота auto.
Причем если раньше я изгалялся, например, для телефона в пейзажном режиме делал картинки на ширину 50% и обтекание текстом , например, справа, то теперь решил забивать на это дело, все равно на мобилке картинки несут катастрофично малый смысл... По сути их можно вообще изымать из страницы...)))

Полезные книги для веб-разработчика

min-width: 320px
max-width: 320px

как минимум так нельзя, как максимум автор такого кода рукожоп.

Не забывай про обязательное тестирование svg-поделий через реальные моб. устройства! делаю это обязательно после двух проектов, где горе-фанаты svg нахреначили этих горе-спрайтов по самое не хочу и клиенты орали, что планшет перезагружает страницу. Кусок кода весом 3Мб плюс 30-50 доп. запросов на страницу - вот как это выглядело. Поменяли на ОДИН png-спрайт весом 120кб и 8 строчек в css - планшеты взлетели.... Клиент притаранил два ящика VSOP.
Я не против модных svg. Я не сторонник консерватизма. Я просто люблю пить дорогущий коньяк.

На Тостере есть страница с формой и кнопками!!))
https://toster.ru/question/new
Или разлогинься и сюда бегом https://id.tmtm.ru/register/?consumer=toster

Вам же надо, надеюсь, не в виде готового архива к скачиванию, а то так вопрос и в баню улететь может...

Бабла хоть нормально запросили? Или продешевили???
Ох уж эти начинающие обвальщики рынка....

Небольшой совет: при таких жестких требованиях всегда ставь ценник +35% хотя бы...) Заказчик включит таки мозг и решит отказаться, проверено на 12 летнем опыте! Эти требования выдвигаются не из реальных потребностей, а по инерции или вообще копируются из гугла...)))

Если цель - однообразие во всех браузерах, то одними стилями не обойтись, придется делать эмуляцию.
Можно поставить доп. скрипт, он будет обрабатывать select после отдачи сервером (самый негуманный вариант для юзера и самый гуманный для программера - подключил либу и забыл)) ).
Если select не шибко длинный (например, 5-15 пунктов), то я всегда делаю на блочных элементах плюс магия JS. Все гибко дизайнится и перепрограммируется../

Потом не забудьте оттестировать это поделие (svg-иконки) на реальных моб. устройствах, а не на эмуляторах. Реальный пример - все 86 иконок запилены этой фигней, айпады старше 2016 (!!!) года еле ворочались. Там адекватные люди переделывали когда, выкатилось всё на ОДИН спрайт-png весом 89кБ))), а кода SVG на 2 мегабайта было, мне не понять никогда этот модный тренд, для кого он, для модных бородатых стартаперов?))) Так или иначе, суть не в размере кода, а в том что айпады еле ворочались и это факт!

PHP обязательно к изучению, если в планах делать приличные проекты на WP!
Если планируешь перебиваться дешевыми проектами, то PHP не нужно вообще...)))

Банальное тестирование на юзер-фрэндли выпилит такого дизайнера далеко и надолго! Пилите, шура! И не придется вести бестолковый спор Верстальщик vs Дизайнер!

Автор, не забывай тестировать на моб. устройствах, надеюсь ты уже читал про открытое письмо разработчикам от Гугла про 18 июня)))
Как отписал выше в комментах, этот ваш модный svg невероятно грузит айпады и айфоны. Привет, выдача топ-1000, прощай, выдача топ10...
Ну и не забывай периодически похлопывать дизайнера ребром ладошки да по затылочку, эти смешные закругления в 99% не описаны в ТЗ, это личная прихоть дизайнера...

z-index расставь правильно

Автор!! Открой любой шаблон, даже в шаблонах 2014 года это уже было!!! И внезапно даже в бесплатных!!! Совсем ленивый или ЭТО ЗАДАНИЕ, А НЕ ВОПРОС??!!!
Уж про то, что тут верстки+стилей добавить 29 строк, даже упоминать не буду, это тебе не нужно, тебе нужно разжевать и ВРОТ ПОЛОЖИТЬ...

Стили для <section id="header"> и для<div class="container"> не указаны, судя по верстке, шаблон не типовой - чо ты хошь тут услышать???!!!
Уже не говоря о том, что все что касается формы вообще молчок. А вопрос вроде про неё. Или нет?

Про что вопрос???!!!

И не раскрыто - КАК у вас меню должно показываться? Со сдвигом контента вниз или как всплывашка? если всплывашка - стилей не хватает.

Код выложи на любой сервис, кто тут будет экспериментировать с твоими простынями???
ради интереса набрал в гугле твой вопрос - 230 страниц.!! галку красную ставлю.