Topic: No Content in double Navigation with fixed SideNav & fixed Navbar
I've a problem with the navigation "Double Navigation with fixed SideNav & fixed Navbar" the navbar in the Header has no Content, there is only a thik blue line.
Add comment
Damian Gemza staff answered 7 years ago
Hello Peter,
Please use <logo> and <links> tags to manage your's content in navbar. Today we'll release new version of MDB Angular. Release will include fix for your's situation.
Please modify your's double nav code like code from below:
<!--Navbar-->
<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark indigo">
<!-- Navbar brand -->
<logo><a class="navbar-brand" href="#">Navbar</a></logo>
<!-- Collapsible content -->
<links>
<!-- Links -->
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link waves-light" mdbRippleRadius>Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link waves-light" mdbRippleRadius>Features</a>
</li>
<li class="nav-item">
<a class="nav-link waves-light" mdbRippleRadius>Pricing</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown" dropdown>
<a dropdownToggle mdbRippleRadius type="button" class="nav-link dropdown-toggle waves-light" mdbRippleRadius>
Basic dropdown<span class="caret"></span></a>
<div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu">
<a class="dropdown-item waves-light" mdbRippleRadius href="#">Action</a>
<a class="dropdown-item waves-light" mdbRippleRadius href="#">Another action</a>
<a class="dropdown-item waves-light" mdbRippleRadius href="#">Something else here</a>
<div class="divider dropdown-divider"></div>
<a class="dropdown-item waves-light" mdbRippleRadius href="#">Separated link</a>
</div>
</li>
</ul>
<!-- Links -->
<!-- Search form -->
<form class="form-inline waves-light" mdbRippleRadius>
<input class="form-control mr-sm-2" type="text" placeholder="Search">
</form>
</links>
<!-- Collapsible content -->
</mdb-navbar>
<!--/.Navbar-->
Best Regards,
Damian
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: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No