@ovsy

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

Здравствуйте. Есть навигационное меню:

637145173cfa3900102425.jpeg
Его разметка:
<template>
  <nav class="main-menu top-menu">
    <ul>
      <li><a href="https://tion.news/" target="_blank">ICO</a></li>
      <li><a class="lng-unit" href="#p2p">{{ $t('header.menu.unit') }}</a></li>
      <li><a class="lng-chip" href="#stay">{{ $t('header.menu.chip') }}</a></li>
      <li><a class="lng-menu-ref" href="#ref">{{ $t('header.menu.referals') }}</a></li>
      <li><a class="lng-menu-garant" href="#garant">{{ $t('header.menu.warrantly') }}</a></li>
      <li><a class="lng-menu-node" href="#node">{{ $t('header.menu.node') }}</a></li>
      <li><a class="lng-menu-listing" href="https://tion.news/" target="_blank">{{ $t('header.menu.listing') }}</a></li>
      <li><a class="lng-menu-roadmap" href="https://tion.news/" target="_blank">{{ $t('header.menu.roadmap') }}</a></li>
      <li><a class="lng-menu-down" href="#download">{{ $t('header.menu.download') }}</a></li>
    </ul>
  </nav>
</template>


Как сделать из него бургер меню?
  • Вопрос задан
  • 212 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы