Как синхронизировать меню с прилипающей шапкой?

Question

[Fritkkov4ik1]

Приветствую!
Есть сайт https://stylebaby.com.ua/ , сделали прилипающую шапку по скролу , но меню когда нажимаешь на него появляется сверху, как синхронизировать этот момент?

Comments

[Андрей]

Добавить класс менюшке при скроле

[Fritkkov4ik1]

Андрей, не совсем понял
навешать этот же клас на менюху?

[Андрей]

Fritkkov4ik1, нет, надо написать отдельный класс для меню: .menu_fixed{position: fixed; top: 0}

[Fritkkov4ik1]

Андрей, пробовал , но почему то оно не отрабатывает как fixed , не скролиться

[Алексей Дубровин]

Чем лучше и точнее сформулирован вопрос , тем охотнее с ним вам помогут. Тут инфы 0. Решение буквально пальцем в небо

[Fritkkov4ik1]

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

до этого писал со вставками кода и тд , оно не пропустило почему то такой текст

[Алексей Дубровин]

Fritkkov4ik1, Внимание! где вы до этого комментария указали что это в мобильной версии?
Я как человек который зашёл на ваш сайт посмотрел что меню не прилипает - вышел.
Неправильно даны исходные данные - нет выходных.

В вашем случае вы используете свойство transform для анимации сдвига он в свою очередь обнуляет поведения позиционирований. По этому меню улетает вверх.
Решение 1:
Вынести меню из зоны действия transform тобишь не применять это свойство на него или его родителей.
Решение 2:
Использовать другие решения.