reifter

Правильный тег уже подобрали, пол дела сделано :) осталось разобраться в нём.
https://api.jquery.com/jQuery.ajax/

В jquery это примерно так:

$.post( "index.php", { name: "John" } )
  .done(function( data ) {
    alert( "Ответ сервера: " + data );
});

У вас message это массив, а тут идёт обращение к объекту msg.message.pass==1, должно быть msg.message[i].pass==1

jsfiddle.net/1ut2jo6h

Каждое изменения стиля, походу загрузки, ведет к перерендеру страницы

check: this.check.value - не правильно в этой строчке. Нужно проверять включен чекбокс или нет, а не вытаскивать значение

обновление

$(function(){
    $(document).on('submit', '[data-action="add"]', function (e) {
      e.preventDefault();
      $.ajax({
        url: this.action,
        type: this.method,
        data: {
          	name: $('#name').val(),
          	check: ($('#check').prop('checked'))?1:0
        }
      }).done(function (data) {
       	$(".stat_ok").html(data);
      $(".stat_ok").fadeIn();	
      });
    });
  });

Правильно будет сделать так

$(function(){
    $(document).on('submit', '[data-action="add"]', function (e) {
      e.preventDefault();
      $.ajax({
        url: this.action,
        type: this.method,
        data: $( this ).serialize()
      }).done(function (data) {
       	$(".stat_ok").html(data);
      $(".stat_ok").fadeIn();	
      });
    });
  });

Посмотрел примеры у плагина. Что увидел.
Уберите класс slicknav_menu у ul id="menu" он сам создаёт копию и добавляет этот класс.
И в media queries у вас есть класс .js плагин его не добавляет в нужное место, поэтому вы должны его создать сами. Пропишите в body или в html class="js" и у вас думаю проблема исчезнет.

p.s. класс js прописывают автоматом, если поддерживаются скрипты браузером

Update: а лучше просто уберите .js и все будет работать

jsfiddle.net/0bL39z2b/1

.htaccess

RewriteEngine On
RewriteBase /
RewriteRule ^.*$ page.php

Если вас правильно понял, тогда добавить в css тегу body

max-width: 1204px;
margin: 0 auto;

тогда получится так:



Обновление, допишите блоку header min-width: 1204px;

.header { min-width: 1204px; }

и чтобы черного фона не было на плашке

.header::after { min-width: 1204px; }

Попробуй останавливать анимацию, перед началом новой

$(window).scroll(function(){

if ($(this).scrollTop() > 1){
$(".top_panel").stop().animate({height: "60px"}, 200);
$(".logo_cont").stop().animate({lineHeight: "60px"}, 200);
$(".main_menu").stop().animate({lineHeight: "60px"}, 200);
}else{
$(".top_panel").stop().animate({height: "90px"}, 200);
$(".logo_cont").stop().animate({lineHeight: "90px"}, 200);
$(".main_menu").stop().animate({lineHeight: "90px"}, 200);
}

});

А вообще, для оптимизации нужно запускать только один раз анимацию

var flagPosition=0;
$(window).scroll(function(){

if ($(this).scrollTop() > 1){
 if(flagPosition!=1) {
   flagPosition=1;
   $(".top_panel").stop().animate({height: "60px"}, 200);
   $(".logo_cont").stop().animate({lineHeight: "60px"}, 200);
   $(".main_menu").stop().animate({lineHeight: "60px"}, 200);
 }
} else {
 if(flagPosition!=0) {
  flagPosition=0;
  $(".top_panel").stop().animate({height: "90px"}, 200);
  $(".logo_cont").stop().animate({lineHeight: "90px"}, 200);
  $(".main_menu").stop().animate({lineHeight: "90px"}, 200);
 }
}

});

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