Topic: TypeError: Cannot read property \\\\
copied in the code from the
Full Page Intro with fixed, transparent Navbar
It works great when I remove the !this.state.isWideEnough && section of the code but you can\\\'t click on the hamburger menu! How do I fix this?Also, I went into the components and opened NavbarNav.js and deleted the justify-content-around and it is still giving me justify-content-around in my browser. I have tried to clear my cache several times and cannot for the life of me figure out where this is being injected other than the navbarnav.js file in the components folder. thanks!
Add comment
To cancel justify-content please update Your code like this:
<Collapse isOpen = { this.state.collapse } navbar>
<NavbarNav left>
<NavItem active>
<NavLink className="nav-link" to="#">Home</NavLink>
</NavItem>
<NavItem>
<NavLink className="nav-link" to="#">Features</NavLink>
</NavItem>
<NavItem>
<NavLink className="nav-link" to="#">Pricing</NavLink>
</NavItem>
<NavItem>
<Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
<DropdownToggle nav caret>Dropdown</DropdownToggle>
<DropdownMenu>
<DropdownItem href="#">Action</DropdownItem>
<DropdownItem href="#">Another Action</DropdownItem>
<DropdownItem href="#">Something else here</DropdownItem>
<DropdownItem href="#">Something else here</DropdownItem>
</DropdownMenu>
</Dropdown>
</NavItem>
</NavbarNav>
<form className="form-inline ml-auto">
<input className="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"/>
</form>
</Collapse>
In this example hamburger should work.
Regards FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No