Как адаптировать горизонтальное меню под моб в CSS?

Question

[Andrnofollow]

Добавил выпадающие пункты меню на сайт https://nurdez.kz/ но на моб версии эти пункты меню при выпадении списка растягиваются до конца страницы. Как адаптировать эти пункты меню под моб телефоны, чтобы не растягивали страницу в CSS? Буду очень благодарен!

Answer 1

[maxim]

Можно так.

Я бы сделал вот таким образом:
сверстал два меню(для пк и мобилок) и использовал медиа. Изначально, меню для мобилок display none,
но когда разрешение предположим подходит к 720px, то Меню для мобилок display block, а для пк display none.

Comments

[Евгений Пашков]

Отличный и самый простой вариант описан выше! Либо в готовой вёрстке заняться Позиционирование уже готового блока. Просто сдвинуть его либо трансформом либо позишн.

[Ankhena]

Евгений Пашков, m1rvi только вот дублирование кода - это последнее, к чему стоит прибегать.

[maxim]

Ankhena, буду знать : )

[Евгений Пашков]

Ankhena, а я и не говорил про бублирование я говорил про сдвиг готового блока в нужное местопервый вариант как я и сказал самы простой а это не всегда правильно