Do you have a moment to check out this issue? It seems to be specific to Google Chrome.
Here is a snapshot of the problem:
https://example.com/screenshot.png
Take a look at the code snippet:
<div class="collapse navbar-collapse" id="topBar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link facebook-link" href="<?php echo $this->config->item('facebook_page'); ?>" target="_new">
<i class="fa fa-facebook"></i>
</a>
</li>
<!-- More code goes here -->
</ul>
</div>
<!-- Additional navigation elements -->
Attempted Solutions: I've tried creating a fiddle and testing it locally, but strangely the issue persists even though the same code works fine on my test environment. Any insights would be appreciated.