blind mode position

src/files/css/main.css

@@ -6412,7 +6412,7 @@ button.close {
 /*MAIN PAGE*/
 header {
   position: fixed;
-  height: 45px;
+  /*height: 45px;*/
   width: 100%;
   background: #3b434d;
   z-index: 99999999; }
@@ -6450,6 +6450,7 @@ header .menu ul {
 
 header .menu ul li {
   padding-top: 13px;
+  padding-bottom: 13px;
   margin: 0 10px;
   height: 100%;
   float: left; }

src/files/js/blind.js

@@ -52,9 +52,15 @@ $(document).ready(function () {
         $("*").removeClass('default').removeClass('whiteblack').addClass('blackwhite');
     }
 
-    $(".special__link").click(function () {
+    var containerPadding = function(){
+        $('.container').css('padding-top', $('header').outerHeight());
+    };
+
+    $(".special__link").click(function (e) {
         $(".blind").show(0);
         $.cookie('blind', 'on', {expires: 7, path: '/'});
+        containerPadding();
+        e.preventDefault();
     });
 
     $(".blind__link--blindoff").click(function (e) {
@@ -65,6 +71,7 @@ $(document).ready(function () {
         $.cookie('blind_font', null);
         $.cookie('blind_color', null);
         e.preventDefault();
+        containerPadding();
     });
     $(".blind__link--imgoff").click(function (e) {
         $("*:not(.sp_ignored) img").addClass('imgoff');

src/files/scss/_base-style.scss

@@ -2,7 +2,7 @@
 
 header {
     position: fixed;
-    height: 45px;
+    /*height: 45px;*/
     width: 100%;
     background: #3b434d;
     z-index: 99999999;
@@ -47,6 +47,7 @@ header .menu ul {
 
 header .menu ul li {
     padding-top: 13px;
+    padding-bottom: 13px;
     margin: 0 10px;
     height: 100%;
     float: left;