Is there a way to change the shortened text in my Bootstrap 4 navbar links to display the full text on hover? The full text is available in the title element and I would also like to add a small change animation for extra effect...
Thank you
<div class="desktop-menu-dropdown collapse navbar-collapse" id="navbar-collapse-desktop">
<ul class="nav navbar-nav pull-right">
<li><a href="" title='Human resources'>HR</a></li>
<li><a href="" title='Production department'>PD</a></li>