All videosLayout & design
Make covered elements clickable with pointer events

Make covered elements clickable with pointer events

Designs with overlapping elements or hover animations can sometimes trigger unintended mouse interactions and contribute to a poor experience for your site visitors. With Webflow pointer events, you can disable click or touch interactions on an element to ensure that visual-only elements don’t interrupt interactions with other elements.

00:00 Introduction 00:04 Set pointer events to "None" on an image 00:31 Pointer events in the Navigator 00:41 Previewing the button