Topic: weird styling problem
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>
Hi,
Are You sure that You've added all dependencies and imported our css file to Your project?
Here are some tips: https://mdbootstrap.com/react/react-bootstrap-getting-started/
It is weird because our app works fine with the same navbar code.
Regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No