Дмитрий Кузнецов

Можете на самой странице, где появляется эта навигация, написать своё CSS правило. Думаю переопределяться свойства.

1. На мой взгляд Laravel 5 (php), Angular/Vue/React (js). Из CSS фреймворков работаю только с Bootstrap (изменённый для своих нужд), либо самописный.
2. Разработка веб-сайтов с хорошими "плюшками" =)
3. Оф. документация (либо перевод документации)
4. Написание простых сайтов (todo и т.п.)
PS: Это только моё мнение, так что сильно не ругаться ;)

.header нужно в CSS ставить.

Дело в том, что это IE))) Он какой-то неправильный)

А зачем вас уменьшать изображение, если оно и так урезается автоматически? Или я чего-то не понял!?

Дело скорей всего в картинке. Размер картинки меньше, чем нужно.

Margin от навигации верхней.

В каком смысле обрезка?
Догадываюсь, что дело в том, что вы стараетесь обрезать не сам текст (т.е. li эллемент), а блок.

Через CSS

По конкретней вопрос задавайте! Чего именно изменить размер при масштабировании...

Данная ситуация - это норма. Так как скролл создаёт ещё дополнительный размер окна браузера и из-за этого сайт немного сдвигается.

Перешёл по ссылке - зашёл в исходник - нашёл файл стилей - посмотрел backgroud: у них 1 картинка, просто сделано всё по разрешению сайта. А так, как идея, выше Дмитрий Кравченко, написал интересный метод. Пробуйте!)

Вроде всё легко...
Ставите HTML код, убираете "
<a class="button">
<span>press me</span>
</a>

Да из PHP я вижу вывод чего-то...

Много уже кто писал, но всё же отвечу:
1. Ставим картику в класс, например, в .image-gray. И этому классу в CSS добавляем фильтр.
2. При наведении (:hover) - убираем этот фильтр.
Профит)