Добрый день! Есть основное меню во всю ширину в шапке сайта. Но сначала идёт шапка с контактами, лого и прочими данными (занимаемая высота 160px) а потом только меню.
<header>
Название, телефон, email, логотип
</header>
<nav>
Основная навигация
</nav>
<main>
Контенте
</main>
Подскажите как можно выяснить что nav "упёрся в браузер" и повесить на него класс? Дизайн адаптивный и высота header разная, вариант с вычитанием высоты хедера и з высоты страницы не вариант.