Topic: Controlling the show/hide of the breadcrumb in the navbar?

mslayton pro asked 6 years ago


I am using the 'Advanced Double Navigation with hidden SideNav & non-fixed Navbar' and have the navbar coded as shown below.  The breadcrumb only shows the span with the caption -- never the one with the currentResort AND the caption one automatically hides when the window is resized below large (I think).

The MDB example behaves the same way. It hides the breadcrumb at a large browser size.

https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-hidden-navbar-noFixed.html

<nav class="navbar scrolling-navbar double-nav unique-color">
<div class="float-left">
<a id="btnHamburger" href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
</div>
<div class="breadcrumb-dn mr-auto">
<p>
<asp:HyperLink ID="hlHome" runat="server" NavigateUrl="~/Default.aspx" ToolTip="Home">
<span class="d-sm-none d-xs-inline-block"><%= currentResort %></span><span class="d-none d-sm-inline-block"><%= caption %></span>
</asp:HyperLink>
</p>
</div>
<ul class="nav navbar-nav nav-flex-icons ml-auto">
<li class="nav-item">
<a id="usrlnk" href="#" class="nav-link" style="display: none;"><i class="fa fa-sign-out"></i><span class="clearfix">
<%= userName %></span></a>
</li>
</ul>
</nav>

Marta Wierzbicka staff answered 6 years ago


Hi, hiding breadcrumb within navbar on smaller than 993px with devices is our is our intentional action, you can change this in scss/pro/_navbars.scss file. Our breadcrumbs are just a mock-up, but unfortunately, we don't offer in our package the possibility of changing the breadcrumbs dynamically depending on which side you are on. Based on our breadcrumbs mock-up, you can write a script yourself, for example in PHP, which changes it. Best, Marta

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags