Адаптивное меню на весь экран

Question

В мобильной версии я хочу переместить блок меню вместе с текстом в середине экрана в полноэкранном режиме, но оставив кнопку меню справа

это сайт www.growthbetter.com

спасибо за помощь!

Answer 1

Вы можете использовать экран @media для достижения этой цели. На экране шириной менее 480 пикселей ваша .main-навигация не должна иметь абсолютную позицию.

@media screen and (max-width: 480px) {
  .main-navigation {
    position: relative;
    width: 100%;
  }
  .menu-toggle {
    position: absolute;
    right: 0;
  }
}