При изменении размера окна браузера элементы панели навигации плавают за логотипом

Question

Итак, я работаю на веб-сайте для компании, с которой работаю, и кажется, что при изменении размера браузера возникает проблема с навигационной панелью. Я смотрю на код этой страницы уже несколько дней, и я не могу найти, где находится эта проблема. Я унаследовал эту страницу от другого разработчика, поэтому я просто пытаюсь понять, как все это было настроено.

Сайт - https://www.apprenace.com/, и вы заметите, что ссылка "О Apprenace" будет идти за реальным логотипом с левой стороны, пока браузер не достигнет определенного размера, чтобы превратить панель навигации в раскрывающееся меню. , Я пытался изменить атрибуты позиции самой панели навигации, но это, похоже, не помогло ни с чем.

Заранее благодарю за любую помощь. Приветствия.

Answer 1

В вашем .mo-header-menu есть две колонки, одна для логотипа, другая для меню. Я немного изменил существующие классы размеров столбцов, чтобы все было в порядке. Другой вариант - настроить точку останова мобильного SM начальной загрузки.

Это работает:

<div class="mo-header-menu">
    <div class="col-md-4 col-lg-3 mo-col-logo">...</div>
    <div class="col-md-8 col-lg-9 mo-col-menu">...</div>
</div>

Если говорить о комментариях выше, вам не нужно редактировать таблицу стилей, только некоторые атрибуты класса HTML в файле макета / темы заголовка.