Help Center
Welcome to the WalkMe Help Center

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

Why is my Custom Launcher appearing incorrectly?

Last Updated June 25, 2024

Issue

The custom launcher I built appears differently when playing, previewing, or publishing it.

Launcher as it appeared in the editor when built
Launcher as it appears now

Solution

If you created a custom launcher that now looks narrow and with multiple lines of text, the problem is most likely caused by the Lock to Element feature.

When Lock to Feature is turned on, the launcher inherits the CSS from the element that it is locked to.

In order to preserve your launcher's CSS, try adding the following CSS:

.walkme-launcher-id-xxxxx {

display: block !important; position: relative !important;

}

With this added CSS, your launcher should now display correctly while remaining locked to the element.

Launcher with CSS added

CSS

Was this article helpful?

Thanks for your feedback!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×