When you hover over the menu's in the navbar, it will have a sliding underline dynamically resize and reposition based on the size of the <li> tag.
For simplicities sake, I only included the hover feature here. If you want both hover & click, visit the codepen!
VISIT : https://codepen.io/noonii/pen/MEepKE
If you decide to use it, I would appreciate a star. Thank you so much, enjoy!