A user wants to overlay small PNG icons and text onto an image banner that repositions based on screen size, similar to mudwtr.com’s implementation. They’re asking whether this requires:
Key clarifications from responses:
The discussion remains open with no definitive implementation approach agreed upon. The core challenge is achieving responsive positioning of overlay elements without hardcoding them into a static image.
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!
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.
Hello @OceanLiving
You can use our app to create a custom banner section and insert into your page.
