Days
Hours
Minutes
Seconds

Halloween

Limited Time Sale!

Upto 40% Off

Documentation

Trigger Off-Canvas Content using any HTML Element

PowerPack Off-Canvas Content provides an option to use HTML ID & Classes as triggers which can be used to trigger Off-Canvas Content using any element on the site. Let us see how this feature can be used to trigger Off-Canvas Content using multiple elements.

Step 1: Add Custom Class to Off-Canvas Content#

a. Add Off-Canvas Content Widget to the editor and select Toggle > Toggle Source > Element Class

b. Now add a custom class to it.

c. Copy this class as we'll use it to trigger Off-Canvas Content.

Step 2: Add CSS Class to the Widget#

For example: Triggering Off-Canvas Content using Button#

1. Add Off-Canvas Content's CSS class to Button > Advanced > CSS Classes

2. Publish the page and click on the link to trigger the Off-Canvas Content

Screen Recording 2020-03-13 at 04.34 pm.gif

Not the solution you are looking for?

Please check other articles or open a support ticket.

🎃 Don’t Miss Out! 🎃

Get up to 40% OFF on all our spooktacular deals!
This Halloween offer vanishes soon—don’t let it ghost you! 👻

Days
Hours
Minutes
Seconds

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.