Bootstrap 5.2.0
Look out for links that display underlines in navs etc and headers
a { color: #4383c7; text-decoration:none; }
Bootstrap 5 with Search icon collapse
The bootstrap 5 needs the data-bs-attribute not the old data-attribute.
Menu html
For FELLA
<nav class='row hidden-print '>
<div class='col-12 d-none d-sm-block primary-menu'>
<div class='container navbar navbar-expand'>
<ul class="menu nav navbar-nav" >
[-MENU-]
</ul>
<div id="comment_nav"></div>
<div class="spacer-0"> </div>
</div>
</div>
<div class='col-12 d-none d-sm-block secondary-menu '>
<div class='container navbar navbar-expand'>
<ul class="menu nav navbar-nav" >
[-SECONDARY-MENU-]
</ul>
<div class="spacer-0"> </div>
</div>
</div>
<div class='d-block d-sm-none small-hidden-menu' >
<div class='primary-menu d-block d-sm-none small-hidden-menu'>
<a class="open-menu details-opener xs-opener" href="#" ><i class="far fa-bars icon-list"></i></a>
<ul class=" details-slide menu hidden" >
[-MENU-]
<li style="border-bottom: 2px solid #d20853"> </li>
[-SECONDARY-MENU-]
</ul>
<div class="spacer-0"> </div>
</div>
</div>
</nav>
For BATTEN
<nav class='row hidden-print '>
<div class='col-12 d-none d-sm-block primary-menu'>
<div class="container">
<div class='navbar navbar-expand'>
<ul class="menu nav navbar-nav" >
[-MENU-]
</ul>
<div id="comment_nav"></div>
<div class="spacer-0"> </div>
</div>
</div>
</div>
<div class='d-block d-sm-none small-hidden-menu' >
<div class='primary-menu d-block d-sm-none small-hidden-menu'>
<a class="open-menu details-opener xs-opener" href="#" ><i class="far fa-bars icon-list"></i></a>
<ul class=" details-slide menu hidden" >
[-MENU-]
</ul>
<div class="spacer-0"> </div>
</div>
</div>
</nav>