Сергей Горячев

С чем это может быть связано, подскажите?

Проблема в том, что вы купили хреновый шаблон %)))

Чесслово, посмотрел с мобильного еще. Проще снести нахер.

Легко.
Главное сейчас продумай нормальный ЧПУ, чтобы потом удобней было переделывать.
Чтобы не было внутренних WP-ссылок, аля /wp-feedback/ %)
А в остальном - дело только денег.

jsfiddle.net/webirus/pybmofm7
Оно? Только без стилизации.

Пишу по порядку, как реально нужно.

Поиск по Тостеру, так как схожие вопросы задаются минимум 2-3 раза в неделю.

адаптива не знаю, он у нас и не требуется

Печально уже за такую компанию, которая сейчас пренебрегает адаптивной версткой.
Хотя, быть может (моя последняя надежда) у вас есть мобильная версия сайта.

про бэм и препроцессоры что-то где-то читал, но тоже не знаю

Да не используйте, и не учите. Просто теряете время и ресурсы на написание код (или говнокода, не знаю).
Просто без препроцессоров всё делается долго и нудно, и тяжело структурировать, копаясь в одном файле.
А так, можете не учить, если хочется заморачиваться %)

js так же, на уровне скопировал-вставил

Выскажу свое личное мнение.
Верстальщик без JS, это не верстальщик, это контент-менеджер со знанием HTML.
Любой сайт от лендинга до портала требует JS, правда часто делают хрень, напичканную плагинами, даже если требуется 2-3 строки кода. Не нужно подключать плагины там, где оно не нужно и обратная сторона вопроса, не нужно писать свой код там, где можно использовать готовый плагин (не изобретать велосипед).
Но если есть время, желание и умение, можно писать и свои плагины, для тренировки.

Верстаем display:table/table-cell

Тут буду краток. $^*(&%#(*$%($(%&*(*$#&*%($#%)($)^_*()#&@%$ - вырезано цензурой.

не в одну компанию с такими навыками меня явно не возьмут

Что мешает заниматься самообразованием?
Благо живем в 21 веке, в интернете есть любые учебники, тесты, курсы, да чего только нет.
На крайний случай, можно напросить в подмастерья к какому-нибудь верстальщику (знаю, часто требуются).
Да, работать придется в основном "за еду", но будет опытный наставник, который скажет - так норм, а так не надо.

надо изучать с бустрапа сразу

Не зная принципов адаптивной верстки, использовать Бутстрап не получится.
Так что в ьлюбом случае, понимание адаптивной верстки должно быть, при том "чистое", чтобы можно было разобраться не только в Бутстрапе. Фреймворков для адаптивной верстки еще очень и очень много.

советы от товарищей по цеху, как развивались они и откуда брали инфу

90% опыта приходит вместе с практикой.
Можно прочитать 100 учебников и не понять, что это за свойство, а можно один раз применить и сразу понять.
Нужно просто много и усердно практиковаться. Качать любые шаблоны PSD, верстать, верстать, верстать.
Сначала простые, трехколоночные сайты. Потом посложнее и закончить каким-нибудь паралаксом.
Но повторюсь, для обучения минимум плагинов.

есть ли смысл работать в маленьком городе

Не знаю, что за город у вас. Скажу про свой. Население около 900тыс.
В городе порядка 5 топовых студий по созданию сайтов, не считая 2-3 десятков мелких контор.
Также есть топовые IT компании, но про них говорить не буду, с таким багажом тебя туда пока не возьмут.
Так что в любом городе есть смысл работать.
Да и фриланс, удаленную работу никто не отменял.

вопрос только Москва или оставаться в городе

Что в Москве, медом намазано? Или думаешь, так вакансий больше?
Нифига не больше, потому как и желающих поработать там не меньше чем вакансий.

В общем, резюмируя всё вышесказанное - учись, развивайся.

Удачи.

ЗЫ: Недавно на Хабре опубликовали ссылку.
webmasters.teamdev.com
Чесслово, проникся. Отличный мануал.

<script type="text/javascript">
  {literal}	
  $(window).scroll(function(){
    $(".div-fade-main").animate("opacity", 1 - $(window).scrollTop() / 250).delay(250).hide(250);
    });	
  {/literal}
</script>

www.jqueryrain.com/demo/jquery-website-tour-plugin
Гуглим по запросу "jquery site tour".

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

И потом сделайте любой list-style, какой нужен.
Хоть через backround, хоть через :before.
А вообще, используйте reset.css или normalize.css, там есть всё.

Когда я рисую и придумываю дизайн сайта, стараюсь сделать его статичным, не резиновым, не адаптивным. Это помогает мне сделать связи между элементами, больше возможностей увязать между собой элементы.

Мыслить нужно шире, сразу продумывать адаптивность (или мобильную версию, если вы никак не хотите адаптировать сайты).

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

Хорошо, что вы так ответственно подходите к работе, но не слишком ли вы усердствуете?
Мне даже кажется, что вы как-то неправильно подходите к этому вопросу.
Если еще точнее, как-то неправильно занимаетесь адаптацией.

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

А удобнее открыть сайт с телефона, который для ПК предназначен?
Уместить 1200 пикселей на 320 пикселей экрана телефона, и потом еще увеличивать сайт, чтобы скроллить при чтении простого блока из 2 строк текста.
Вот, что действительно ломает логику и стройность мозга человеческого.

Интересен ваш опыт, пытаетесь ли вы найти копромисс или решили во всех проектах использовать адаптивный дизайн?

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

Как скачать сайт полностью на компьютер?

А ты уверен, что это хорошая идея?
Gif-ка вообще не лучшее решение для целой шапки, а тем более растянутая гифка.
1) через background-image и background-size cover.
2) указать явно width 100%, height auto.