{"id":29506,"date":"2025-01-18T15:04:44","date_gmt":"2025-01-18T09:04:44","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&p=29506"},"modified":"2025-01-29T16:26:41","modified_gmt":"2025-01-29T10:26:41","password":"","slug":"how-to-use-elementor-scroll-navigation-slider-widget","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-use-elementor-scroll-navigation-slider-widget\/","title":{"rendered":"How to Use Elementor Scroll Navigation Slider Widget"},"content":{"rendered":"\n
\n

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

\n

Step 1: Add the HT – Scroll Navigation Slider Widget<\/h2>\n\n\n\n
<\/div>\n\n\n\n
    \n
  1. Navigate to the page where you want to add the slider.<\/li>\n\n\n\n
  2. Click Edit with Elementor<\/strong>.<\/li>\n\n\n\n
  3. Add a new container<\/strong>.<\/li>\n\n\n\n
  4. Search for HT: Scroll Navigation Slider<\/strong> in the widget search bar.<\/li>\n\n\n\n
  5. Drag and drop the widget into your container.<\/li>\n<\/ol>\n\n\n\n