How to create Full Width Carousel Slider in Elementor?

Updated onMay 7, 2026By

Key Takeaways

  • Carousel Anything widget creates mobile responsive full width carousel sliders for Elementor.
  • The Plus Addons for Elementor requires installation and activation to use the Carousel Anything widget.
  • Full width templates like Elementor Canvas or Elementor Full Width are necessary for creating full width carousel sliders.
Table Of Content

Are you looking for a way to create a full width carousel slider in Elementor?

Carousel sliders help you display multiple photos and videos across the full viewport width, giving your page a polished, edge-to-edge presentation. With the Carousel Anything widget, you will create a full width carousel slider that is mobile responsive and renders correctly on all devices.

We will see how you can use The Plus Addons for Elementor Carousel Anything widget to create full width carousel sliders.

Best Used For:

  • Portfolio and agency sites with hero carousel sections that span the full viewport width
  • WooCommerce stores showcasing product banners edge-to-edge without margins
  • Landing pages where a full-width image or video slider sets the visual tone above the fold

To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.

LIVE WIDGET LINK

For Classic Elementor Sections

In order to create a full width carousel slider in Elementor, make sure you are using a full width template like the Elementor Canvas or Elementor Full Width template for your page.

Tpae carousel anything page settings how to create full width carousel slider in elementor? From the plus addons for elementor

If you are using the Elementor Full Width template, make sure that your theme allows full width containers.

Now, create a single column section on the page and from the Layout set the Column Width to Full Width and Column Gap to No Gap so there are no gaps in the container.

Tpae carousel anything section full width how to create full width carousel slider in elementor? From the plus addons for elementor

Now your section will be full width. If the section does not stretch to full width, turn on the Stretch Section toggle.

For Flexbox Container

In case you are using the Elementor Flexbox container, after adding the section on the page, set the Content Width to Full Width from the Container tab.

Tpae carousel anything container full width how to create full width carousel slider in elementor? From the plus addons for elementor

To remove the gaps from the container, go to the Advanced tab and set all sides of the padding to 0.

Once you have set your section to full width, add the Carousel Anything widget to the section and add the content using Elementor templates.

Make sure the Elementor templates are also created using full width section following the process shown above.

With the settings in place, the example below shows a full-width carousel slider created with the Carousel Anything widget.

Full width carousel demo

Once your full-width layout is set, you can also control arrow and dot navigation. See How to show/hide Arrows & Dots in the Elementor Carousel slider.

Suggested Read: How to create multiple columned Elementor Carousel Slider.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my full width carousel slider isn't displaying correctly?

If your full width carousel slider isn't displaying as expected, check if you're using a full width template like Elementor Canvas or Elementor Full Width. Additionally, ensure that your theme supports full width containers. If the section still doesn't appear full width, enable the Stretch Section toggle in the section settings.

What are the best settings for creating a full width carousel slider in Elementor?

For optimal results, set your section's Column Width to Full Width and Column Gap to No Gap. If using a Flexbox container, ensure the Content Width is also set to Full Width and remove any padding from the Advanced tab. These settings help eliminate gaps and ensure a seamless display.

Does the Carousel Anything widget work on mobile devices?

The Carousel Anything widget is designed to be mobile responsive, ensuring that your full width carousel slider looks great on all devices. This responsiveness is crucial for maintaining user engagement, as more users access websites via mobile devices.

Last reviewed: May 8, 2026

Related Docs