Helpful resources
            
           
              Need more help?
             
             
              Check out the Webflow community.
             
            
              Free Webflow templates
             
             
              The best free Webflow templates.
             
            
              Hire a Webflow expert
             
             
              Partner with a certified expert.
             
            Is it possible to add a horizontal scroll bar to a SwiperJS slider in Webflow?
             Published on
            
            
             September 22, 2023
            
           Yes, it is possible to add a horizontal scroll bar to a SwiperJS slider in Webflow. Here's how you can do it:
- Add a SwiperJS slider to your Webflow project by dragging and dropping the Slider component onto your page.
 - Select the Slider component and go to the Settings panel on the right-hand side of the Designer.
 - Enable the "Enable Swiper" option.
 - Scroll down to the "Swiper Options" section.
 - 
             Add the following code to the "Additional Options" field:
             
```javascript
scrollbar: {
el: '.swiper-scrollbar',
},
``` - Publish your project to see the horizontal scroll bar added to your SwiperJS slider.
 
By following these steps, you will be able to add a horizontal scroll bar to your SwiperJS slider in Webflow.
Note: SwiperJS is a third-party JavaScript library for building sliders and carousels. It provides a flexible and customizable solution for creating slider components.