Помогите в css и html

Добрый день, нужна ваша помощь ... Уже перепробовал все возможные варианты, но где то видимо что то не так, подскажите пожалуйста:
Первое: Как зафиксировать навигационное меню, чтобы не опускалось вместе с прокруткой сайта ... http://u0952817.isp.regruhosting.ru/
Нужно, сделать вот так. Например как тут: https://strikes.ru/
Второе: если на главную страницу сайта вывести категорию товаров, а не список товаров, то вместе штатного изображения в header будет отображаться изображение каждой категории ... Вопрос, как сделать так, чтобы изображение категорий не подтягивалось к header'u ?
Нужно, чтобы исходное изображение, как сейчас оставалось везде таким, и в категориях тоже ...

Пример сайта с фиксированным меню https://www.webfx.com/blog/images/assets/cdn.sixrevisions.com/0444-01_fixed-navigation-bar/fixed-navigation-bar.html
Вот его исходный код
https://github.com/sixrevisions/fixed-navigation-bar

Основная идея фиксации меню в этом стиле
.fixed-nav-bar {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 50px;
background-color: #00a087;
}
точнее в свойстве position: fixed;

На счет второго вопроса с хэдером не понял. что вы имеете в виду под хэдером? Не знаю хэдеров в HTML которые сами подтягивают изображения.