Вот код шапки. html+css
http://jsbin.com/wusekufina/edit?html,css,output
чтоб правильно увидеть окно браузера, растяните часть jsbinA аутпут до 790+ пикселей.
Как через js сделать при прокрутке страницы (на 50-100-200... пикс.) изменения шапки? Нужно чтоб меню стало в один ряд с логотипом, и уменьшился шрифт в самих пунктов меню. А при скроллинге обратно шапка стала на место.
Пробывал такие варианты:
$(window).scroll(function(){
var scrolled = $(this).scrollTop();
if( scrolled >= 107 ) {
$('.main-navigation a').addClass('КЛАСС с изменениями');