Как удалить добавленную продублированную строку?

Ankhena, про сложность, это по привычке )

Спасибо работает )

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Сергей delphinpro, да уже сделал ) забыл удалить просто пост ) сначала не понял, потом понял что это scss )

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

css пишет что типа ошибки, а как-то по другому можно написать?
А это же scss ), я пока только css использую.

.header.sticky {
  padding: 1rem;

  .logo {
    font-size: 20px;

    span {
      width: 40px;
      height: 40px;
    }
  }
}

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Да пример прям очень простой, поставлю попробую, посмотрим как оно будет на мобиле и других браузерах.

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Так данный скрипт что ниже, типа без проблем. Ну типа лучшее решение я так понимаю.
Ибо большая часть решений с проблемами.

Эта библиотека делает то, что вам нужно.
https://github.com/bigspotteddog/ScrollToFixed

Ну по сути вес ее 5кб. если сжат js, не так уж и много.

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Сергей delphinpro, предлагаешь не использовать jquery, но я не дорос до такого уровня, а так да я люблю оптимизацию, чтобы не грузить библиотеку всю, ибо с нее может быть пару функций использоваться на сайте.
По этому я тупо ставлю jquery, для различных скриптов.

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Дмитрий, ага работает, спасибо.

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Сергей delphinpro, как обычно бывает, выкладываешь в филд, народ пишет, да чет не хватает этого или этого, я решил выложить то как у меня сделано, чтоб потом не возникло проблем ) пройденный этап.

Tidy - знаю, не всегда просто нажимаю.

Плавающий верх сайта, меню, логотип, контакты, как менять стили при откреплении от верха?

Отлично, спасибо, щас буду осваивать данную информацию.

Как переделать в форме вывод ошибок в alert?

Вот так работает: alert(d.message);

Tabs при клике открывается, при клике не закрывается, надо чтоб закрывался, как поправить?

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

Tabs при клике открывается, при клике не закрывается, надо чтоб закрывался, как поправить?

Большое спасибо, работает.

Только есть проблемка маленькая, когда раскрыл, потом кликаю свернуло ! но кнопка как бы активна еще подсвечивается, как это убрать.

https://jsfiddle.net/vlit/ag14ju8s/50/

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

Исправил ошибку в консоле, конфликт с меню, это все из-за версии jquery 3.2.1.

Рабочая схема с менюшкой, все пашет
https://jsfiddle.net/vlit/ag14ju8s/42/

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

Ну что горе помощники ), отступы я убрал, осталось исправить конфликт с меню.

Доработанный пример где нет лишних отступов
https://jsfiddle.net/vlit/ag14ju8s/34/

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

Между прочим я понял насчет отступов в чем проблема, скрипт же скрывает блоки, а показывает 6, и если нажать показать еще, он еще 6 показывает, так вот, то что он скрывает блоки, маргин как бы остается на блоках, как можно заменить в скрипте скрытие на hide, show. ну или как-то дисплай ноне задействовать, ибо щас он скрывает как-то не так.

Я про этот скрипт:

$(document).ready(function() {
  var list = $(".prfot .twentytwenty-container");
  var numToShow = 6; //сколько показывать элементов
  var button = $("button");
  var numInList = list.length;
  list.hide();
  if (numInList > numToShow) {
    button.show();
  }
  list.slice(0, numToShow).show();
  button.click(function() {
    var showing = list.filter(':visible').length;
    list.slice(showing - 1, showing + numToShow).fadeIn();
    var nowShowing = list.filter(':visible').length;
    if (nowShowing >= numInList) {
      button.hide();
    }
    initTwenty();
  });
});

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

ThunderCat, ну это и так понятно, что где-то что-то совпадает ! вот и вопрос как скрипт этот что выше скинул поправить или привязать к id, чтоб скрипт не мешал другим скриптам как меню.

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

ThunderCat,
Вот скрин.

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

ThunderCat, да там дело в скрипте, не в плагинах, показать еще фото, в этом. Он и отступ, он и отступ делает, как-то странно блоки скрывает, ну и как-то конфликтует с менюшкой.

Вот тот самый скрипт

//подгрузить еще по кнопке, если все элемнты подгружены, скрывает кнопку
$(document).ready(function() {
  var list = $(".prfot .twentytwenty-container");
  var numToShow = 6; //сколько показывать элементов
  var button = $("button");
  var numInList = list.length;
  list.hide();
  if (numInList > numToShow) {
    button.show();
  }
  list.slice(0, numToShow).show();
  button.click(function() {
    var showing = list.filter(':visible').length;
    list.slice(showing - 1, showing + numToShow).fadeIn();
    var nowShowing = list.filter(':visible').length;
    if (nowShowing >= numInList) {
      button.hide();
    }
    initTwenty();
  });
});



  $(window).on('load', function() {
   	initTwenty();
  });
  
  // Фото, до и после
  function initTwenty()
  {
     $(".twentytwenty-container").twentytwenty({
      no_overlay: false, // Не показывать наложение было, стало, true скрыть
      move_slider_on_hover: false, // Перемещать ползунок при наведении курсора мыши
      move_with_handle_only: true, // Разрешить пользователю проводить пальцем в любом месте изображения для управления движением ползунка.
      before_label: 'До',
      after_label: 'После'
    });
  }

Блоки с фото до и после, плюс подгрузка блоков по кнопке, есть 2 проблемы, как решить?

ThunderCat, он сделал и покрылся, я у него спрашивал, он мне, мол это проблема в меню, а я ему говорю причем тут меню, если меню само по себе ошибок ни каких не выдает, если я его использую.
Это вот такие сидят на freelance.habr )))

Как подружить PHPmailer и reCAPTCHA?

В корне сайта, файлы капчи не забудь скачать и разместить.

в js

var captcha = grecaptcha.getResponse();

 if (!captcha.length) {
      alerts += "\n Поставьте галочку я не робот.";
      canSubmit = false;
    }

и

if ((canSubmit) && (captcha.length)) {
      formData.append('g-recaptcha-response', captcha);
    }