Streaming live at 10am (PST)

How to create a badge?

Hello there,

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

Use this setting (top: 90% is “weird” setting - use 20px for example).
Also fixed its better her ( fixed to the viewport).

image

1 Like

Thanks!! :slight_smile: I knew there was a stupidly simple solution to this.