Hey, as you can see on my website, I added hover underline to a nav bar. But I would like to add it also to the icons next to it like search icon etc. If you know how to help me, please do. Thanks for response. www.luxur-looks.myshopify.com
Topic summary
A user wants to add hover underline effects to website icons (search, cart, etc.) similar to what they’ve already implemented on their navigation bar.
Current Status:
- The user initially had password protection enabled but has since removed it
- Two support teams (PageFly and GemPages) responded offering assistance
Proposed Solution:
GemPages provided a technical approach:
- Navigate to Edit code in Online Store settings
- Add custom CSS code above the
</body>tag in the theme.liquid file - The response includes screenshots showing where to locate these settings
Note: The conversation text appears corrupted or reversed in several places, making some technical details difficult to parse. The discussion remains open as the user hasn’t confirmed whether the suggested solution resolved their issue.
Hi @noapaxx
This is Kate from PageFly - Landing page builder
Can you provide password too.
So that we can help you.
Thank you.
I removed the password. Forgot about it.
Hi @noapaxx ,
Glad to support you today.
You can check out my suggestion below to get your concern resolved:
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
Eg:
I hope you find the answer helpful.
Kind & Best regards,
GemPages Support Team.

