Mr Crabbz

Sublime text 3 - CTRL+SHIFT+F - скармливаете ему папку

https://github.com/tylerpearson/lazyYT

Почитайте про pixel aspect ratio и css dpi. Сразу поймёте в чем дело.

На все от 320 до 960. То есть - адаптив.

У вас опечатка:

замените ваш кусок про h3:after на что-то такое:

h3:after {
    content: "";
    display: block;
    float: none;
    clear: both;
    width: 190px;
    height: 5px;
    margin: 20px auto 0 auto;
    background: red;
}

Ну а какие варианты то? Берёте и правите стили. Если неохота париться - подключайте в самом конце отдельный .css с правками, в которых будете перезаписывать нужные вам свойства. Не забудьте только соблюдать специфичность (вес) селекторов дабы свойства таки перезаписались с меньшим количеством !important'ов.

Для ваших классов, в которых указана ширина 100% (.page-container, .header и т.п) - укажите min-width: 1145px
Это конкретно к вашему случаю относится только.

Или еще круче: body { min-width: 1145px; } - так точно все элементы норм будут.

Адаптив и мелкие экраны можно проверять в Firefox нажатием ctrl+shift+M

$("button#mobile").click(function(){
   $("iframe#mobile").css("width", "480px").css("height", "800px");
});

Примерно так.

Advanced Custom Fields попробуйте.