klierik

Здравствуйте. Колонки в bootstrap автоматически идут одна за другой, в Вашей вёрстке тоже. Скорее всего проблема в картинке, которая абсолютно позиционированна. Попробуйте этот код: .gradient-square { width: 195px; } @media screen and (min-width: 768px) { .gradient-square { position: absolute; z-index: 30; } }

Здравствуйте. В целом не плохо. Я бы рекомендовал придерживатся одного стиля именования классов (".section_tab" режет глаз), посомтреть в сторону сборщиков, использовать препроцессоры и рости профессионально.

В таком случае используйте следующие @media правила: @media screen and (max-width: 1999px) { /* Правила для ширины экрана менее 1200px */ } @media screen and (min-width: 1200px) { /* Правила для ширины экрана от 1200px и выше */ }

Здравствуйте. В таком случае вместо @media screen and (min-width: 1200px) { .page-header { min-height: 760px; background-image: url("../img/page-header-background-desktop@1x.png"); background-position: right -144px top -87px; } } надо написать так @media screen and (width: 1200px) { .page-header { min-height: 760px; background-image: url("../img/page-header-background-desktop@1x.png"); background-position: right -144px top -87px; } } Но это странная постановка задачи, так как вероятность такой ситуации близка к нулевой. Как правило в таких случаях используют правила "от X1 и до X2" или "от X" или "до X". Для того что бы картинку пустить по правому краю и не обрезать её, можно указать выравнивание так: background-position: right top -87px;

Обсуждаемый нами сайт написан на WordPress. Блоки, о которых Вы говорите, — вставлены виджетами: http://take.ms/MMIcN Предложенное мной решение не идеальное, но в Вашем случае оно будет работать: @media screen and (max-width: 767px) { .widget-area #text-3, .widget-area #text-4 { display: none; } } Было бы лучше если бы каждый из этих блоков имел свой уникальный класс, который бы использовался для решения данной зхадачи.

Может я не так Вас понял, но что, в таком случае, Вы хотите услышать? Озвучьте, пожалуйста, какие критерии оценки ожидаюся в рамках данного вопроса? Нет, со скроллом проблем в v1нет

Этот лучше. Скажем так — "Вы не имеете права изменять мои настройки скролла своими, без моего согласия". Да, это часто делают в сети но мне, лично, не нравится когда интерфейс вдруг работает не так как я ранее настроил.

Здравствуйте. Попробуйте следующий код: @media screen and (max-width: 767px) { .wrapper { display: flex; flex-direction: column; } .site-content { order: 2; } .widget-area { order: 1; } }

Здравствуйте. Учитывая что сайт создан генератором, смотреть саму разметку смысла нет. Лично у меня сайт жутко тормазит, как при скролле так и при изменении ширины окна браузера. Пользоватся им невозможно 😞

Попробуй попросить объяснить ТЗ из-за его не информативности

никак содержать текстовые и графичкские данные, по всей видимости

Вот так: $('form').submit(function(event) { event.preventDefault(); var th = $(this); $.ajax({ type: "POST", url: "smart.php", data:$(this).serialize() }).done(function() { $(this).find("input").val(""); alert("Спасибо за заявку!"); $("form").trigger("reset"); $('.popup').fadeOut(); // Закрыть Popup }); return false; });

Забегая чутка вперёд обращу внимание на то что в IE это работать не будет: https://caniuse.com/#feat=css-mixblendmode Предложенный вариант, кстати, реально крут, ничего не скажешь, но не кроссбраузерно. Я бы сделал через PNG (retina ready) для надёжности.

Проблема связана с установленной версией ПО. Как вариант полностью удалить все продукты Adobe с компьютера, перезапустить компьютер, скачать последнию версию По (на пример с офф. сайта) и пройти установку заново.

В качестве точки отсчёта могу предложить — https://jsfiddle.net/klierik/8uL2uoap/