IceJOKER

$('body').click(function(){
  $('.button').show();
});

Вот как раз адаптивность и может решить эту проблему - "есть проблема с элементом который должен быть только в полной версии"

По-умолчанию у элемента display: none;, дальше уже с помощью медиа запросов показываете этот элемент, если ширина экрана больше какого-то значения.
Либо наоборот, смотря какой у вас метод - mobile first OR desktop first ))

Ваш код работает прекрасно, что у вас не срабатывает то?

p.s. Лучше используйте различные библиотеки, потому что ваша версия fadeIn/Out очень кривая

Да хоть 800x600

И не задавайте тупые вопросы, просто начните делать, все получается, все хорошо? значит достаточно, если чего-то не хватает , тогда самое время купить недостающие части

Есть куча сервисов для разных языков, попробуйте поищите:
html minify
js minify
......
jscompress.com
https://javascript-minifier.com/

После полной загрузки страницы вешайте и не парьтесь.
И вам самим-то не лень 10 раз одно и тоже писать меняя лишь одно число?
Можно же создать массив от какого-то значения до какого-то и в цикле присвоить.

p.s. если альбомы итак выводятся на странице, то лучше к ним прикрепить fancybox чем в ручную, там он уже сам заберет href/title

$(function(){

  $('header').css('background-image', 'url(...)');

});

softwaremaniacs.org/blog/2006/01/22/id-class-difference
webo.in/articles/habrahabr/38-css-efficiency-tests-3
https://habrahabr.ru/post/153409/
первые три ссылки из поиска и таких сотни тысяч, думаете здесь будет другой ответ?

Вы про градиент?
"CSS linear-gradient" just Google it

stylus-lang.com

Media запросы как раз таки и подходят.
Можно еще определить браузер(есть кучу статей на разных ЯП как это сделать) и в зависимости от браузера подключать те или иные стили

Какую именно?

.block:hover > .buy_btn{
  display: inline-block;
}

.block:hover{
  background-color: rgba(0, 0, 0, .6);
}

?

указать размер в процентах , либо media queries;

resources.sameerast.com/responsive-web-design-form... - с помощью данного калькулятора можете вычислить размеры в %%%

Вот само меню, но если добавить ссылки в тег то это уже не будет MVC - чего чего? О_О можете объяснить почему не будет?

Поиграться с с padding, изначально задаете паддинг и при наведении убираете его и добавляете жирность.

Это происходит , потому что жирный шрифт занимает больше места, чем обычный, поэтому смещаются