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.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Create Horizontal Accordion
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.
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 the Elementor horizontal accordion.
NOTE: You can’t use the On Hover Accordion and Horizontal Accordion options together.
Expand Your Accordion Capabilities
If you’re impressed by the horizontal accordion, you’re going to love these additional Pro-exclusive accordion features.
Hover Accordion (Open accordion on mouse hover)
Expand or collapse accordion panels on hover (not just click)—ideal for interactive menus, FAQ tabs, and UI-driven layouts.
Directly Link Accordion Items
Link to an accordion item and redirect visitors directly to that item.
Collapse or Expand All Accordion Items
Add a button to collapse or expand all accordion items at once.
Progressive Load / Autoplay & Search Integration
Accordion panels can auto-open sequentially or be searched/filtered via built-in functionality.
Connect Carousel Anything
Connect the accordion with the Carousel Anything block to change the slide with each accordion item.
Why Upgrade to Pro?
These advanced accordion features are exclusive to the Pro version of The Plus Addons for Elementor.
These pro features can elevate the functionality of your accordion.
The Plus Addons for Elementor Pro also include 120+ widgets with performance optimization and full support.
