Solved

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

  • 2 November 2023
  • 2 replies
  • 431 views

Badge

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?

 

icon

Best answer by Omar 3 November 2023, 11:17

View original

2 replies

Userlevel 7
Badge +60

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 

Userlevel 7
Badge +44

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

Reply