Topic: weird styling problem

LAN free asked 5 years ago

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"/>
  {!this.state.isWideEnough && <NavbarToggler onClick={this.onClick} />}
  <Collapse isOpen={this.state.collapse} navbar>
    <NavbarNav left>
      <NavItem/DropDown />

Mikołaj Smoleński staff answered 5 years ago


Are You sure that You've added all dependencies and imported our css file to Your project?
Here are some tips:

It is weird because our app works fine with the same navbar code.


Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No