I want to create a custom badge (similar to the made with Webflow badge on unhosted sites) - but for a current announcement.
I thought, I had come up with a way of doing it, but I noticed that it stops the site from working properly:
I created a channel for the badge (see image), so it stays where I want it to on the site. And then added a wrapper into that channel for which I used “sticky position”.
However, the channel ruins the site, because you can’t click on buttons and links underneath/behind it anymore. I tried giving the channel a lower Z-Index, so it’s “behind” buttons - but then the badge is behind these buttons and items too, which doesn’t look good.
Would appreciate your help!
See share link for reference: https://preview.webflow.com/preview/ultimate-meal-plans?utm_medium=preview_link&utm_source=dashboard&utm_content=ultimate-meal-plans&preview=8c04912459d1565e4f5579b3d08898c3&mode=preview