Is it possible to hide or remove the slider arrows and navigator in Webflow without deleting the entire slider?
TL;DR
- In Webflow, hide slider arrows or navigator dots by selecting them and setting Display: None in the Style panel.
- Alternatively, delete them individually without affecting the slider’s functionality.
Yes, it's possible to hide or remove the slider arrows and navigator in Webflow without deleting the entire slider component.
1. Hide Slider Arrows
- Select the Slider Arrows (Left or Right) on the Webflow Designer canvas.
- In the Style panel, set Display: None to hide them.
- Alternatively, you can press Backspace/Delete to remove them individually, but this won’t affect the rest of the slider.
2. Hide Slider Navigator (Dots)
- Select the Slider Navigator dots element from the Navigator panel (usually under the slider).
- In the Style panel, set Display: None to hide the entire navigator.
- You can also delete this element specifically without affecting the slider or slides.
3. Effects of Removing vs. Hiding
- Hiding (using Display: None) allows you to bring these elements back anytime.
- Deleting removes them entirely, so you’ll need to re-add manually from Webflow’s Add panel if needed later.
Summary
You can hide or remove the slider arrows and navigator in Webflow by setting them to Display: None or deleting them directly—this will not affect the overall slider functionality.