BB – How to trigger a Modal Popup on the click of a Menu Element?

BB – How to trigger a Modal Popup on the click of a Menu Element?

Many a times, you would want to display a popup when a user clicks on a Menu element. You can do this using the Modal popup module that comes with the PRO Modules

Here are a few steps you need to follow:

1. Create a new row template by adding modal popup inside it.

2. In Display Settings of Modal Popup, select Custom Class / ID option & enter the unique class name there.

AstroHub - How to trigger a Modal Popup on the click of a Menu Element?
AstroHub – How to trigger a Modal Popup on the click of a Menu Element?

3. Now go to Dashboard -> Appearance -> Menu

4. Enable the CSS Classes option under the Screen Option settings

AstroHub - How to trigger a Modal Popup on the click of a Menu Element?
AstroHub – How to trigger a Modal Popup on the click of a Menu Element?

5. Add the respective CSS class name ( which you entered in step 2 ) under the selected menu element.

AstroHub - How to trigger a Modal Popup on the click of a Menu Element?
AstroHub – How to trigger a Modal Popup on the click of a Menu Element?