Как скрыть боковое меню в кнопку при масштабировании страницы

    <Container fluid className='justify-content-between'>
      <div style={{width: 70%}}>
        // Тут лента
      </div>
      <div style={{width: 20%}}>
       // Это меню фильтров, которое должно скрываться в кнопку при масштабировании страницы
      </div>
    </Container>

В меню навигации есть вот такая штука:

  <Navbar expand='md' variant='dark' sticky='top' className='header'>
    <Navbar.Toggle aria-controls='responsive-navbar-nav'/>
    <Navbar.Collapse className='justify-content-end' id='responsive-navbar-nav'>
      <Nav>
        <Link to='/messages' className='nav-link'>Сообщения</Link>
        <Link to='/summaries' className='nav-link'>Резюме</Link>
        <Link to='/vacancies' className='nav-link'>Вакансии</Link>
      </Nav>
    </Navbar.Collapse>
  </Navbar>

Хотелось бы что-то подобное, в идеале, чтобы меню пряталось в висячую поверх остального кнопку внизу экрана, как делается на мобильных устройствах

Важно, что это не меню навигации, а полноценное окно с функционалом (Например поиск, указание диапазона цен)