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

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>