Фонд Навбар вопрос

В зависимости от того, что вы имеете в виду при фиксации, он ломается, когда размер становится слишком маленьким, чтобы удерживать весь контент, поэтому можно добавить min-width чтобы убедиться, что она не станет меньше.

Пример:

.top-bar {
    min-width: 800px;
}

Или вы можете перегрузить его и просто расти по мере того, как содержимое падает ниже. Для этого начните с удаления:

.top-bar {
    height: 47px !important;
}

Эта линия делает черную полосу так высоко, насколько она есть.

Чтобы быстрее перейти на мобильный план, найдите биты, похожие на @media only screen and (max-width: 767px) и увеличьте размер чуть выше, где он сломается, например (max-width: 780px)