put a underline into header icon with text on mouse hover

[UTOPIA-PARIS]

Hey ! i want to add underline with black color who appears from left to right below header icon when the mouse is hover it.

I want this :

by the way, how wan i add the separation line like on the photo ?

my website: utopia-paris.fr

thanks !!

[Moeed]

Hey @UTOPIA-PARIS

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[UTOPIA-PARIS]

hey ! thanks for the answer but it doesn’t work :