prophet_07

Здрасти вам. Вот как вариант, если нужны изначально "жестко" заданные размеры: https://jsfiddle.net/r61ax2dh/ Но теоретически, лучше все переделать.

Как вариант, http://dimox.github.io/jQueryFormStyler/demo/#select В последнем примере реализация похожая.

Для .footerPanel добавьте box-sizing: border-box Или ширину блока можно высчитать через: width: calc(100% - 40px);

У вас форма через POST отправляется, а переменные name и phone пытаетесь через GET получить. В документации пример#2: http://php.net/manual/ru/language.variables.external.php

Ошибка, немного неправильно я написал . Нужно body добавить. @media screen and (max-width: 1024px) { body{ background: none; } #main_container{width:100%;} .header{ text-align:center; height:auto; padding:30px 0 20px 0;} .logo h1{font-size:35px;} .left_full, .left13, .left23, .left12, .left14{ width:90%; float:left; margin:40px 0 0 5%;}

Посмотрите где у вас медиа запросы начинаются, там добавьте. Не обязательно "991px", у вас может быть другая точка излома. При этом разрешении и меньше просто будет перезапись свойств body.

Его можно просто убрать/ заменить на нужном разрешении. Например: @media screen and (max-width: 991px) { background: none; }

after должен к элементу добавляться какому либо. #main_container{width:960px;margin:auto;} #main_container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

У вас внутри #main_container есть блоки с нулевой высотой. Например, .home_bottom. Внутри три "плавающих" блока и поэтому родитель "схлопнулся". Самое простое для #main_container добавить "overflow: hidden;" Но лучше добавить псевдокласс для очистки потока. Например, такой: #main_container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

У вас имя домена zak.hol.es, а url для фоновых картинок начинаются с test1.ru Только для для одной правильно указан. Переносили сайт с локального сервера через Duplicator?

У input нет содержимого, поэтому ничего не выведет. http://htmlbook.ru/samcss/psevdoelementy В данном случае можно обычный placeholder использовать.

В .menu__icon должны быть пустые span. Они используются для иконки открытия/ закрытия. Текст, который там будет трансформироваться, как в примере, который выше присылал, так span-ы эти преобразуются в крестик. Как в указанном примере. А в работе задействовано только основное меню ".menu__links"

Открываться должно ".menu__links", как сейчас или ".menu__icon"? Для ".menu__icon span" можно задать font-size: 0;

Если подключить jQuery то меню работает: https://jsfiddle.net/3y4s6ve3/ У вас в ".menu__icon" со span что-то не так, они получаются и для крестика и для пунктов одновременно?

Если правильно понял проблему, то у header добавьте - top: 0; И дальше main можно двигать без всяких "<br>"