Skip to main content

Teaser overlapping other elements — Troubleshooting

How to fix a Promolayer teaser that is overlapping or covering important content on your site.

If your teaser is overlapping menus, a live chat button, or other UI elements, use the offset settings to move it out of the way.

Quick checks

  • Have you checked the teaser position on both desktop and mobile previews?

  • Is an offset value set for the affected direction (top / bottom / left / right)?

How to fix it

Set an offset

Offsets move the teaser away from the edge of the screen by a specified number of pixels. Open the teaser settings and increase the offset value for the direction where the overlap is occurring.

Teaser overlapping

Use offsets

Note: Desktop and mobile offset settings are independent. Be sure to check both device previews.

Still not working?

Contact us via live chat.

Did this answer your question?