How can I prevent my full-screen slider in Webflow from pausing when my mouse hovers over it?

If your full-screen slider in Webflow pauses on hover, it's likely due to Webflow's native slider autoplay behavior. Here's how to make sure it does not pause when hovered.

1. Check Slider Autoplay Settings

• Select the Slider component on the canvas.
• In the Settings panel (D key), make sure Autoplay is enabled.
• By default, Webflow sliders pause on hover when autoplay is on, and there’s no direct UI to toggle this off.

2. Use Custom Code to Disable Pause on Hover

To override the default pause-on-hover behavior, you can disable it with a small script.

• Go to Page Settings and scroll to the Before tag section.

• Insert the following inline script:

  $('.w-slider').off('mouseenter mouseleave');

• This removes the mouseenter/mouseleave events that trigger pause on hover.

• Make sure jQuery is active (Webflow includes it by default).

3. Publish & Test

• Save and publish your site to preview behavior in the live environment.
• Mouse over the slider and confirm that autoplay continues uninterrupted.

Summary

To prevent a Webflow full-screen slider from pausing on hover, you need to disable the built-in mouseenter event using jQuery ($('.w-slider').off('mouseenter mouseleave');) in the Before section. This ensures smooth, continuous autoplay regardless of cursor activity.