ASAP HELP! cursor activity overlay on image banner

Store Design
, , ,

Topic summary

A user needs urgent help adding a cursor-activated overlay to an image banner with links across all pages of their Shopify store.

Goal:

  • Implement an interactive overlay similar to their TOP (homepage) design
  • Apply this effect to banners on multiple pages including an online store page and unisex salon list page

Current Status:

  • User provided a reference image showing the desired banner location
  • Shared staging site credentials for review before publishing
  • Tagged as CSS customization for landing page design

Technical Context:
The request involves CSS customization to create hover/cursor effects on clickable image banners. The discussion remains open with no responses yet, awaiting community assistance for implementation guidance.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I would like to set an overlay with cursor activity on a banner that has links to images on all pages.

The assumption is that it looks like the TOP page.

I’m in a hurry!
Please help me.

For example, here is where you want to set the overlay.
↓

Havana2024_1-1733412399100.png
Havana2024_1-1733412399100.png400×305 202 KB

want to reflect page：https://havanagroup-official.com/pages/unisex-salon-list

Havana2024_2-1733412399145.png
Havana2024_2-1733412399145.png400×217 53.7 KB

want to reflect PAGE:https://havanagroup-official.com/pages/online-store

reference TOP PAGE(overlay) :https://havanagroup-official.com/

2

Please check the following before it is published.

password: aolyia

Thank you