How do I float a button over an image in a column?

2 replies
2282 views

How do I have a series of product images with buttons that float over the images in two columns? I can place the button below or above the image but not on top. I am concerned about accessibility if I embed the button into the image? Suggestions?

This topic has been closed for replies.

OmarAnswer

2025 Champion

Hi @JHConnell,

It can be done but will take some coding skills and you also need to make sure it works in all email clients. The easiest way would of course be static images. It will take some work and a good coder to get this working. Images would be faster, make them stack on mobile to keep button and text sizes visible.

Omar Lovert // Polaris Growth // Klaviyo Master Platinum Partner

We help with e-commerce growth through CRO, Klaviyo and CVO

Helping E-commerce brands maximize Lifetime Value & Profits with Klaviyo, CRO & CVO - Get your free Audit - https://link.polarisgrowth.com/free-audit

Taylor Tarpley

Community Manager

Hi there @JHConnell,

Welcome to the Community! Happy to help!

While I have not run considered this specific issue before, stacking the features on top of each other could pose accessibility issues.

While we offer various resources best practices for accessibility in email and forms, we recommended seeking the advice of a qualified lawyer to be compliant with applicable laws!

Hope this helps!

-Taylor