How to make animated underline on hover in main-menu

[WiktorWiniarski]

Hello guys,

I am wondering how to make an animated underline on hover in main-menu like this: (these yellow lines)

Link to video: https://youtu.be/Tg-wuzTqByQ

Animated hover in main-menu

[dmwwebartisan]

@WiktorWiniarski

Please share store URL!

Thanks!

[Zworthkey]

hii, @WiktorWiniarski
Kindly share your store URL so,
I can solve your issue and give you a proper solution.
Thank You.

[WiktorWiniarski]

https://www.fendi.com ← inspiration store

https://vankeljeans.com. ← my store

[dmwwebartisan]

@WiktorWiniarski

Please check following link for help

https://codepen.io/jstn/pen/zuDst

Thanks!

[WiktorWiniarski]

I understand of course this code, which You send, but I am wondering which variables should I replace with this in shopify theme code.