Enerprise Sites 10.8.1 - Home menu item does not 'un-highlight'

[MarkGiesbrecht]

Hi All,

I have modified the default menu CSS definition from Enterprise Sites, and it's been noted that the 'underscore' does not go away when a user moves over to another menu item, nor does it go away if the user chooses another page.  The underscore does not stay on the menu item once someone navigates to a the chosen page.  For example, 'Home' stays with the underscore/highlight, even though the user has navigated/landed on the 'Renewables' page, clicked via the menu item

<nav class="navbar navbar-default navbar-expand-lg first-tier">
  <div class="container">
    <div class="navbar-header">
      <div class="navbar-brand">
        <div class="site-logo">
          <img src="https://geocqutcgy001.network.lan/arcgis/sharing/rest/content/items/7bc265b98ea44dcc91652bf82d7184b2/data" alt="logo">
         
          <!--<h1>SunMaps Gallery (QUT)</h1> -->
        </div>
     </div>
    </div>
    <!--<ul class="nav nav-pills pull-right" role="navigation">
      
        <li><a href="#">Terms of Use</a></li>
        <li><a href="#">Twitter</a></li>
        <li><a href="#">Blog</a></li>
      
    </ul>-->
  </div>
</nav>

<nav class="navbar navbar-inverse navbar-static-top second-tier" role="navigation">
  <div class="navbar-header">
    <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <div class="container">
      <div class="navbar">
        <ul class="nav navbar-nav">
            <li class="active"><a href="/arcgis/apps/sites/#/sunmaps">Home</a></li>
            <li><a href="#/sunmaps/pages/in-situ">In Situ</a></li>
            <li><a href="#/sunmaps/pages/mining">Mining</a></li>
            <li><a href="#/sunmaps/pages/regional-activity">Regional Activity</a></li>
            <li><a href="#/sunmaps/pages/renewables">Renewables</a></li>
            <li><a href="#/sunmaps/pages/downstream">Downstream</a></li>
            <li><a href="#/sunmaps/pages/exploration-production">Exploration & Production</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Any ideas on whether this is the way it's supposed to behave, or have I missed something?

Cheers,
Mark

[JohnLivengood]

I've noticed this as well.  I removed class="active" from the home link and it resolved the issue.  

<li class="active"><a href="/arcgis/apps/sites/#/sunmaps">Home</a></li>

[MarkGiesbrecht]

AWESOME, thanks for the response and fix; pardon the delay.