Виталий Першин

Может у вас стили через js формируются во время загрузки и нужно эти скрипты повесить так же на ресайз...

border: none;

Запрещать кеширование не стоит. Чтобы принудительно заставить клиента обновить файлы, необходимо в конце подключаемого файла после знака вопроса задать другое окончание. Хорошей практикой считается указывать версию:

<link rel="stylesheet" href="css/style.css?ver=0.0.56">

Пообщавшись с тех поддержкой и потыкав их носом в whois они сказали что скрытие идет по умолчанию..

Вы используете сетку Bootstrap в которой container имеет padding-left: 15px и padding-right: 15px;
Эти padding компенсируются отрицательными margin-left: -15px и margin-right: -15px; у контейнера row.
Обнулив container, но оставив row вы тем самым вынесли его на 15 пикселей в право за пределы страницы.

Первый пример более правильный. Кнопка является отдельным блоком, который вы модифицируете в контексте pop-up, а содержимое кнопки является элементом кнопки. Такую кнопку вы можете без проблем использовать в любом месте сразу же с элементом button__text и модифицировать в контексте других блоков.

2. Не нужно использовать повторно

Даже если не нужно использовать повторно, возможно в будущем понадобиться. Сделав один раз более гибкий блок, вы упростите себе поддержку вашего проекта.

$(function() {
    $('#fullpage').fullpage({
        onLeave: function(index, nextIndex, direction) {
            if (nextIndex == 3) {
                // Если переключаемся на 3-ю секцию выполняем действия
            } else {
               // Иначе..
            }
    });
});

Если вам нужно отслеживать прокрутку колеса мыши вверх в низ, то подпишитесь на событие wheel:

$(window).bind('wheel', function (event) {
        if (event.originalEvent.deltaY >= 0) {
            // down
        } else {
            // up
        }
    });

А позицию можно получить при помощи offset

Чтобы решать такие вопросы необходимо видеть ваш код или хотя бы версию fancybox.
Но если вам этого хватит то вот сделал пример:


Перед открытием окна, получаем ид открываемого окна, находим в нем все input и очищаем их:

$("[data-fancybox]").fancybox({
		beforeShow: function( instance, slide ) {
      $(slide.src).find('input').val('');
    }
});

Или применяем reset() к самой форме

Используйте transform: rotate3d и для каждой кнопки задавайте необходимые значения
https://developer.mozilla.org/en-US/docs/Web/CSS/t...

width: 40%; // ширина
max-width: 400px; // максимальная ширина

Не очень понятно какое поведение в итоге вам нужно так как не видна общая картинка, но попробуйте bottom: 420px; заменить на margin-top: -420px;

У вас не блок налазит, а блок в котором находиться ваша картинка имеет свойство overflow: hidden;

.tab-content > div {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    min-height: 300px;
}

А сама картинка абсолютно позиционирована внутри него при этом она идет снизу вверх

.slider-div {
    width: 256px;
    height: 446px;
    background: url("https://i.ibb.co/2WSTRkX/phone-slider.jpg");
        background-size: auto;
    background-size: 100%;
    clear: both;
    position: relative;
    left: -900;
    bottom: 60px;
    border-radius: 17px;
}

Поэтому верх и обрезается, потому что он выходит за пределы блока со свойством overflow: hidden;

Нужно либо убрать overflow: hidden; либо позиционировать вашу картинку не абсолютно, чтобы она растягивала блок в котором находиться, либо задать минимальную высоту для блока который обрезает картинку

Если я вас правильно понял, то как вариант так:

Нужно сделать сброс после того как будет открыто окно и загружен контент:
$('.work__slider').slick('setPosition');
По вашему коду не понятно в какой именно момент окно считается полностью загруженным, если в вашем скрипте есть коллбек то добавляйте в него данный код, если нет, то подумайте сами или добьте более полноценный код

На вашем примере логика простая:
- Элемент должен быть первым
- Элемент должен иметь указанный класс bro

Вот так должно быть более понятно


Иными словами учитываются все элементы уровня, но свойства применяются если у элемента имеется указанный класс

Вообще такие прелоадеры опасны, так как в любой момент может что-то пойти не так и пользователь не сможет открыть сайт. Я обычно делаю псевдо-прелоадер, который срабатывает по таймеру. 2-3 секунды вполне достаточно чтобы загрузить сайт и показать его.

В вашем случае как вариант можно начать инициализацию яндекс после того как сработает скрипт прелоадера.

$(window).on('load', function () {
  var preloader = $('.preloader')
  $(preloader).delay(300).fadeOut('slow');
  $('section.main').addClass('loader')
  AOS.init();
// Тут запускаем инициализацию яндекс карты
});

Как сказал Максим Литвинов есть метод slickGoTo. Недавно задавали похожий вопрос вот пример:


Еще есть синхронизированные слайды, возможно они вам больше подойдут:

Запускаю эмулятор macOS на VMware Workstation Pro и вперед