How to Make a Horizontal Accordion in Elementor?

Updated on February 26, 2024 by Ananda
Table Of Content

Creating a horizontal accordion in Elementor can effectively present important content in a visually appealing way on your website. A horizontal accordion allows you to collapse and expand the content on the same page without having to navigate to another page or section.

But the Elementor Accordion widget doesn’t have the option to create horizontal accordions.

With the Accordion widget from The Plus Addons for Elementor you can easily turn your vertical accordion into a horizontal accordion.

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

To make a horizontal side accordion, drag and drop the Accordion widget to your page and visit  Special Options > Horizontal Accordion

Turn the toggle on, and you have your horizontal accordion.

Horizontal accordion

There are some settings you can play with

  • Layout –  Choose from multiple layouts for horizontal accordion Elementor.
  • Height – Set a custom height for your accordion.
  • Title Width – Set the width for your title.
  • Open Speed – For setting the open speed of your custom accordion Elementor.
  • Close speed – Set a close speed for Elementor horizontal accordion.
Horizontal accordion preview

NOTE: You can’t use the On Hover Accordion and Horizontal Accordion options together.

Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website