Make Persistent Menu Appear During the Flow

Cesar Banchio Updated by Cesar Banchio

In the case we have options on the persistent menu that we only want to make visible after the user has reached a certain part of the flow, we can use this workaround to hide the persistent menu and then make it appear in a particular section of the flow.

The example flow is quite simple and looks like so:

In the Design Section >> Custom CSS we will add the following CSS rule:

.PersistentMenu {

display:none;

}

And when we want the menu to appear we will add a code block with the following snippet:

let landbotScope = this;

landbotScope.window.document.getElementById("custom-styles").sheet.insertRule(`.PersistentMenu{display:flex!important;}`);

Template

To see how this works, you can check out this template that has already everything set up to test it.

Just click here

How did we do?

CSS Customization Examples: Carrd Embed Beginner

CSS Customization Examples: Video Bubble

Contact