whoisthere

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

prntscr.com/e6imgp

Оберните весь контент в DIV и задайте ему, вместо body

.content {
  overflow: hidden;
  height: 100%;
}

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

<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="media.css" media="only screen and (min-width: 768px) and (max-width: 1024px)">

Если медиа выражение не отрабатывает. Значит работают основные стили. При достижении BreakPoint они переключаются на стили из медиа запроса. При условии если они подключены после основных. Иначе придется городить вредные !important

FlexBox

Вам сюда

Копайте в этом направлении.
Path Animation

Для старых браузеров пишите:
@media only screen and (min-width: 768px)

Учтите, что IE не понимает, вложенных media запросов.
Попробуйте включить режим совместимости. Вставьте в HEAD:
<meta http-equiv="X-UA-Compatible" content="IE=9">

Line Height

Это расстояние, также может зависеть от начертания шрифта.

-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;

Должно вылечить.

Юзайте нормалайз. Избавит Вас от магии вне Хогвартса.
Normalize

$('#post-'+ post_id).find('.comment-image-con').empty().addClass('show');

В этой строчке замените hidden на show.
И добавьте код в CSS:
.show {display: block;}

Если нужно, чтоб скрывалось по умолчанию. Навесьте ваш класс hidden на div комментариев.

Fade Effect Full Page
How To