Skip to content

Banners limitations, embeds workaround#1408

Open
lchoward wants to merge 4 commits intomainfrom
cursor/banners-limitations-embeds-workaround-0761
Open

Banners limitations, embeds workaround#1408
lchoward wants to merge 4 commits intomainfrom
cursor/banners-limitations-embeds-workaround-0761

Conversation

@lchoward
Copy link
Contributor

@lchoward lchoward commented Feb 10, 2026

Document banner display limitations as an info admonition and provide card embeds as a workaround in a tip admonition.


Slack Thread

Open in Cursor Open in Web


Note

Low Risk
Documentation-only change adding guidance about banner rendering limitations; no product/runtime behavior is modified.

Overview
Adds guidance to the Guides/Surveys form factors doc clarifying that Banner Inline display can still overlap page content due to conflicting site CSS (for example on body).

Also documents a suggested workaround: using Card embed placement (for example, prepending to <body>) to reduce CSS conflicts when banners don’t render as expected.

Written by Cursor Bugbot for commit f5dcf9f. This will update automatically on new commits. Configure here.

- Add info admonition documenting banner overlap limitations with inline display style
- Add tip admonition suggesting card embeds as workaround for CSS conflicts
- Include link to card embed section for easy reference

Co-authored-by: Lucas Howard <lchoward@users.noreply.github.com>
@cursor
Copy link

cursor bot commented Feb 10, 2026

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
Learn more about Cursor Agents

@vercel
Copy link

vercel bot commented Feb 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
amplitude-docs Ready Ready Preview Feb 11, 2026 0:35am

@lchoward lchoward marked this pull request as ready for review February 10, 2026 08:41
Clarified the explanation regarding banner overlap issues and provided an alternative solution using card embeds.
Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 3 potential issues.

Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.

Banners can overlap existing content on your website even when using the **Inline** display style. This happens when your site has conflicting CSS styles on the `body` element or other page elements. If changing the display style from **Overlay** to **Inline** doesn't resolve content overlap issues, then conflicting CSS in the application prevents the banner from rendering in the intended position.
{{/partial:admonition}}

{{partial:admonition type="tip" heading="Use card embeds as a workaround"}}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks reasonable, but I don't think card embeds are generally available, yet! Perhaps we should release them Soon™️

Copy link
Contributor

@matthew-beaty matthew-beaty left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, maybe hold for card embed GA.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants