View Categories

How to Use Elementor Scroll Navigation Slider Widget

2 min read

The HT: Scroll Navigation Slider widget in HT Slider allows you to showcase your slider effortlessly. This widget is user-friendly and fully customizable through Elementor's page builder, providing all necessary options to control the slider display.

Step 1: Add the HT – Scroll Navigation Slider Widget #

  1. Navigate to the page where you want to add the slider.
  2. Click Edit with Elementor.
  3. Add a new container.
  4. Search for HT: Scroll Navigation Slider in the widget search bar.
  5. Drag and drop the widget into your container.

Step 2: Configure the Slider Content #

  1. Select the preferred Source Type – HT Slider or Custom Content under the Slides Source.
  2. Choose to show slides by Category or ID.
  3. Set the Slides Limit according to your preference.
  4. Under Slider Options, access all necessary settings to control the slider’s appearance and behavior.
Elementor Scroll Navigation Slider

Step 3: Style the Slider #

  1. After configuring the slider, go to the Style tab.
  2. Customize the design by adjusting colors, typography, spacing, and other styling options.
Elementor Scroll Navigation Slider

Benefits of Using HT: Scroll Navigation Slider #

  1. 🎯 User-Friendly – No coding required; fully customizable with Elementor.
  2. 🚀 Engaging Presentation – Creates visually appealing scrolling slider effects.
  3. 📱 Responsive Design – Works perfectly on all screen sizes.
  4. 🎨 Full Customization – Adjust colors, typography, and animations as needed.
  5. ⚡ Optimized Performance – Smooth and fast scrolling experience.

Frequently Asked Questions (FAQ) #

Can I use images and text together in the slider?

Yes, you can add both images and text to create engaging slides.

How do I control the scroll speed?

You can adjust the scroll speed under the Slider Options section in Elementor.

Is the widget mobile-friendly?

Yes, the HT: Scroll Navigation Slider is fully responsive.

Can I display different sliders on different pages?

Absolutely! You can create multiple sliders and assign them to different pages.

Where can I find additional styling options?

All styling options are available under the Style tab in Elementor.

Can I create one-page navigation using this slider?

Yes, you can create navigation using this slider. Please follow this documentation for a step-by-step guide: Documentation Link

By following these steps, you can easily create and customize a scroll navigation slider to enhance your website's user experience!

What are your Feelings
Scroll to Top