I'm struggling to come up with a suitable title for this issue. What I am trying to achieve is placing a small icon in front of the navbar so that visitors can click on it and be directed to another site. Initially, I attempted to place the icon using the 'before' class of my navbar, only to discover that links cannot be assigned to a 'before' class.
Is there a way to accomplish this using JavaScript or by making some style adjustments? Any guidance on how to achieve this would be greatly appreciated.
You can see what I mean from this link
<nav class="navbar navbar-blend navbar-default">
<div class="navbar-header pull-left">
<a class="navbar-brand" href="http://upper.dev/suisse-japon-final/suissejapon110216/" rel="home" title=" Schweizerisch-Japanische Gesellschaft – www.swiss-japan.ch">
<img src="http://2d6t692n0eb7333453op21it.wpengine.netdna-cdn.com/cym/wp-content/themes/30web/assets/img/logo.png" class="img-responsive showinbetween"></a>
</div>
<div class="navbar-header pull-right">
<ul class="nav pull-left">
...
</ul>
...
</div>
</nav>
I apologize for using placeholder images for the logo and icons in this example (https://i.sstatic.net/g29gc.jpg, https://i.sstatic.net/TucVQ.jpg). You'll notice a small icon positioned between the navbar and navbar-brand image - my goal is to make that clickable with a link attached.