To bring your transitions to life with Bricks Builder, you can easily implement the transition code in either the main menu of your site or in the footer. This way, the animation will appear on every page where the menu or footer is present.

Here’s how to do it:

1. Go to the Menu or Footer where you want to add the transition effect.
2. Open the Page Settings.
3. Navigate to Custom Code.
4. In the Body Script section, paste the transition code.

To customize the logo that appears during the transition, simply update the logoUrl variable in the code. Here’s how:

1. Locate the line in the code that says const logoUrl = 'https://example.com/path/to/your/logo.png';.
2. Replace the URL with the link to your own logo image. Make sure it’s accessible online.
3. Save your changes, and the next time you use the transition, your logo will be displayed!