--- title: "How to Make a Horizontal Accordion in Elementor?" url: https://theplusaddons.com/docs/elementor-horizontal-accordion/ date: 2024-01-04 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do you want accordion items side by side instead of stacked? A horizontal accordion shows each title as a slim vertical strip, and the open item fills the rest of..." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-make-Horizontal-Accordion-in-Elementor_.jpg word_count: 303 --- # How to Make a Horizontal Accordion in Elementor? ## - The Plus Addons for Elementor Accordion widget turns horizontal with one switch, and Horizontal Accordion is part of The Plus Addons for Elementor Pro. - Three to six items work best, and Content > Special Option enables Horizontal Accordion with the pencil icon opening its settings. - Horizontal Accordion hides No Expand & Collapse Button and Slider & Pagination, while small screens make side-by-side items very narrow on phones. Do you want accordion items side by side instead of stacked? A horizontal accordion shows each title as a slim vertical strip, and the open item fills the rest of the row. The Accordion widget from The Plus Addons for Elementor turns horizontal with one switch. *To check the complete feature overview documentation of The Plus Addons for Elementor Accordion widget, [click here](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — Horizontal Accordion is part of The Plus Addons for Elementor Pro. In the free plugin the option shows an upgrade notice instead of working.- **Widget to enable:** Accordion, switched on under **The Plus Addons > Widgets**. ## Steps - Add the Accordion widget and your items. Three to six items work best.- In **Content > Special Option**, turn on **Horizontal Accordion** and click the pencil next to it to open its settings.- Adjust the settings below, then publish. ![The Horizontal Accordion settings: Layout, Height, Title Width, Open and Close Speed](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-horizontal.webp) | Setting | What it does | Default | | ------- | ------------ | ------- | | Layout | Layout 1 or Layout 2 — two arrangements of the title strip | Layout 1 | | Height | The height of the whole accordion, up to 700px | — | | Title Width | The width of each title strip, in px | 60 | | Open Speed / Close Speed | How fast an item opens and closes, in milliseconds | 400 | Click a title strip to open that item. ![A horizontal accordion with the first item open](https://theplusaddons.com/wp-content/uploads/2026/09/accordion-result-horizontal.webp) ![A horizontal accordion in action](https://theplusaddons.com/wp-content/uploads/2023/01/horizontal-accordion-preview.gif) ## Limitations - **Not with On Hover Accordion.** The Horizontal switch is hidden while On Hover is on.- **No Expand & Collapse Button or Slider & Pagination.** Both are hidden while Horizontal is on.- **Keep the titles short.** They run vertically in a narrow strip.- **Check small screens.** Side-by-side items get very narrow on phones; consider a separate vertical accordion for mobile using Elementor’s responsive visibility. ## Troubleshooting ### The Horizontal switch is missing Turn off On Hover Accordion first. ## Related Docs - [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/)- [Autoplay the accordion](https://theplusaddons.com/docs/elementor-accordion-autoplay/)- [Open on hover](https://theplusaddons.com/docs/elementor-accordion-on-hover/) ## Frequently Asked Questions **Q: What do I need before making a horizontal accordion in Elementor?** A: The Horizontal Accordion is part of The Plus Addons for Elementor Pro, so the Pro edition has to be active for the switch to work. The widget itself is the Accordion widget, and it must be enabled under The Plus Addons > Widgets. In the free plugin, the option only shows an upgrade notice, which is the main gotcha if the setting looks present but does nothing. **Q: How many accordion items work best in a horizontal accordion?** A: Three to six items work best because each title becomes a slim vertical strip and the open panel takes the rest of the row. That layout gets cramped fast if you add too many items, especially once the titles are rotated vertically. Keeping the item count modest also makes the interaction clearer when users click a title strip to open it. **Q: What settings control the size and speed of an Elementor horizontal accordion?** A: The key controls are Layout, Height, Title Width, and Open Speed / Close Speed. Layout offers Layout 1 or Layout 2, Height can go up to 700px, Title Width defaults to 60px, and Open Speed / Close Speed is measured in milliseconds with 400 as the default. Those values matter because they decide how readable the vertical title strips feel and how fast the panel motion looks. **Q: Why is my horizontal accordion not working when On Hover is enabled?** A: Horizontal Accordion and On Hover Accordion are mutually exclusive here. When On Hover is on, the Horizontal switch is hidden, so there is no way to enable both at once. If you want side-by-side panels, turn off On Hover first; if hover behavior matters more, use [Open on hover](https://theplusaddons.com/docs/elementor-accordion-on-hover/) instead. **Q: What are the main limitations of an Elementor horizontal accordion?** A: The biggest limits are that it hides No Expand & Collapse Button and Slider & Pagination while Horizontal is on. It also works poorly with long titles because they run vertically in a narrow strip. On small screens, side-by-side items can become very narrow on phones, so a separate vertical accordion for mobile using Elementor’s responsive visibility is often the cleaner choice. **Q: How do I fix a missing Horizontal switch in the Accordion widget?** A: The usual cause is On Hover Accordion being enabled first. Turn off On Hover Accordion and the Horizontal switch should appear again. That behavior matches how The Plus Addons for Elementor keeps those two modes separate inside the Accordion widget settings overview: [Accordion widget: settings overview](https://theplusaddons.com/docs/elementor-accordion-widget-settings-overview/).