Tengo el siguiente componente para mi barra de navegación

 <div className="nav-div"> <Container fluid> <Navbar collapseOnSelect expand="sm" className="navbar-nav py-4 mx-auto" fixed="bottom"> <Navbar.Brand as={HashLink} to="/" className="fs-3"> <FontAwesomeIcon icon={faHouse} />&nbsp;Timothy Lee </Navbar.Brand> <Navbar.Toggle aria-controls="responsive-navbar-nav" /> <Navbar.Collapse id="responsive-navbar-nav"> <Nav className="d-flex justify-content-end flex-grow-1" activeKey="/"> <Nav.Link as={HashLink} to="/background/#education" className="nav-link fs-4"> <FontAwesomeIcon icon={faSchool}/>&nbsp;Education </Nav.Link> <Nav.Link as={HashLink} to="/background/#experience" className="nav-link fs-4"> <FontAwesomeIcon icon={faBriefcase}/>&nbsp;Experience </Nav.Link> <Nav.Link as={HashLink} to="/background/#skills" className="nav-link fs-4"> <FontAwesomeIcon icon={faWrench}/>&nbsp;Skills </Nav.Link> <Nav.Link as={HashLink} to="/background/#projects" className="nav-link fs-4"> <FontAwesomeIcon icon={faLaptopCode}/>&nbsp;Projects </Nav.Link> </Nav> </Navbar.Collapse> </Navbar> </Container> </div>

A partir de ahora, el lado izquierdo de la barra de navegación se colapsará correctamente, pero cuando hace clic en el menú de 3 líneas, se abre hacia abajo, lo que significa que no se puede ver la palanca ya que la barra de navegación está fijada en la parte inferior.

¿Hay un campo para hacer que la palanca se abra hacia arriba?