Good morning This is the code that I use in my menu bar, but when you do the collapse the button gets to the whole size of the bar making the logo icon up, I wanted the collapse button to stay the way it should be (square). The css code is from Bootstrap4
<navclass="navbar navbar-expand-md bg-dark navbar-dark fixed-top">
<a class="navbar-brand" href="#"><img src="img/#.png" alt="#" width="25" height="25"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav mr-auto">
<li><a class="nav-link" href="#.php">#</a></li>
<li><a class="nav-link" href="#.php">#</a></li>
<!--li><a class="nav-link" href="#.php?id=">#</a></li-->
<li><a class="nav-link" href="#.php">#</a></li>
<li><a class="nav-link" href="#.php">#</a></li>
<li><a class="nav-link" href="#.php">#</a></li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="password.php">Password</a>
</li>
<li clas="nav-item">
<?php
date_default_timezone_set("Europe/Lisbon");
echo '<a class="nav-link">'.date("d-m-Y").'</a>';
?>
</li>
<li class="nav-item">
<a class="nav-link" href="<?php echo $logoutAction ?>">Logout</a>
</li>
</ul>
</div>
</nav>