When my browser has enough width, the menu will not show (no hamburger menu, nothing except NavBarBrand), and when it's responsive to small screen width, the hamburger menu is located at the wrong place ( directly below the NavBarBrand)

here is the code snippet/structure

<Navbar light color="white">
  <NavbarBrand href="#">
    <img src={props.navBar.logoUrl} height="30" className="d-inline-block align-top"/>
  </NavbarBrand>
  {!this.state.isWideEnough && <NavbarToggler onClick={this.onClick} />}
  <Collapse isOpen={this.state.collapse} navbar>
    <NavbarNav left>
      <NavItem/DropDown />
    </NavbarNav>
  </Collapse>
</Navbar>