New Shopify Certification now available: Liquid Storefronts for Theme Developers

Add image and text overlay onto image banner

OceanLiving
Visitor
1 0 0

 Hi there, 

 

I'm trying to have small png icons and text overlaid onto my image banner, like the image below from https://mudwtr.com/

 

It's not an image made in photoshop, as the text and icons re-position depending on screen size.

 

Can anyone help? Is this custom CSS into the Image Banner section? Or an Edit Code job? Or a neat plug-in I can use?

 

Thank you!

OceanLiving_0-1699020203139.png

 

Replies 2 (2)
fadi_yousif
Shopify Partner
315 40 54

I'm not sure if there's app for this sort of thing, it's most likely custom coded. They're using svg icons btw.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

ZenoPageBuilder
Shopify Partner
844 150 168

Hello @OceanLiving 

You can use our app to create a custom banner section and insert into your page.

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com