Simple Dynamic Pop-Ups with the Off Canvas

Imran Siddiq - Web Squadron β€’ February 24, 2025
Video Thumbnail
Imran Siddiq - Web Squadron Logo

Imran Siddiq - Web Squadron

View Channel

About

Welcome to Web Squadron with Imran Siddiq. I'm serious about training and showing you how to make your business rock. With 24+ years of Web Design and Marketing, I'll be your guide for the ride. πŸ‘‰ Get our Courses and Packs at - https://learn.websquadron.co.uk πŸ‘‰ Let's collaborate, fix, work together, or discuss business strategy - https://learn.websquadron.co.uk

Video Description

Ever since Elementor released the Off-Canvas Widget - creating Pop-Ups is much simpler and efficient. Many were not aware of using the Off Canvas to return Dynamic Fields - that you could not do 'properly' with the old Pop-Up. Now you can with my Simple Dynamic Pop-Ups with the Off Canvas method :) YouTube Video on How to Build the Loop Grid with Dynamic Fields: https://youtu.be/5rYpNSeFqP0?feature=shared YouTube Video on How to Mix Dynamic Fields inside a Text Editor: https://youtu.be/-Q74n_SqTu4?feature=shared EXTRA TIP: Add this to the Container of the Template to prevent the Off Canvas appearing for a split second when the page loads. This might not affect many but if it affects you then add this CSS: /* Ensure the off-canvas is hidden by default */ .e-off-canvas { display: none; visibility: hidden; opacity: 0; transition: opacity 0.4s ease, visibility 0.4s ease; } /* When the off-canvas is in an active/open state */ .e-off-canvas[aria-hidden="false"] { display: block; visibility: visible; opacity: 1; } Get our Courses and Packs at: https://learn.websquadron.co.uk πŸ‘‰ WordPress Hosting: https://be.elementor.com/visit/?bta=25741&nci=5486 πŸ‘‰ The Pro Page Builder: https://be.elementor.com/visit/?bta=25741&nci=5383

You May Also Like