---
title: "How to create Full Width Carousel Slider in Elementor?"
url: https://theplusaddons.com/docs/full-width-carousel-slider-in-elementor/
date: 2023-02-16
modified: 2026-05-07
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/How-to-create-Full-Width-Carousel-Slider-in-Elementor-1024x536.jpg
word_count: 422
---

# How to create Full Width Carousel Slider in Elementor?

## 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.

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](/docs/carousel-anything-elementor-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-widget/carousel-slider/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

#### 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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Page-Settings.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Section-Full-Width.png)

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.

![](https://theplusaddons.com/wp-content/uploads/2023/02/Tpae-Carousel-Anything-Container-Full-Width.png)

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](https://theplusaddons.com/wp-content/uploads/2023/02/full-width-carousel-demo.gif)

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](https://theplusaddons.com/docs/showhide-arrows-dots-in-elementor-carousel/).

***Suggested Read:** [How to create multiple columned Elementor Carousel Slider](https://theplusaddons.com/docs/multiple-columned-elementor-carousel-slider/).*

## Frequently Asked Questions

**Q: What should I do if my full width carousel slider isn't displaying correctly?**
A: 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.

**Q: What are the best settings for creating a full width carousel slider in Elementor?**
A: 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.

**Q: Does the Carousel Anything widget work on mobile devices?**
A: 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.