--- title: "How to Make a Horizontal Accordion in Elementor?" url: https://theplusaddons.com/docs/elementor-horizontal-accordion/ date: 2024-01-04 modified: 2026-04-10 author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2020/10/How-to-make-Horizontal-Accordion-in-Elementor_.jpg word_count: 392 --- # How to Make a Horizontal Accordion in Elementor? ## Key Takeaways - The Plus Addons for Elementor Accordion widget allows users to create horizontal accordions by toggling the Horizontal Accordion option. - Users can customize the height, title width, open speed, and close speed of their horizontal accordion using The Plus Addons for Elementor. - Pro-exclusive features of The Plus Addons for Elementor Accordion include hover accordion functionality and the ability to collapse or expand all accordion items at once. 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](/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/elementor-accordion/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ### 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. ![](https://theplusaddons.com/wp-content/uploads/2024/01/Tpae-Accordion-Horizontal-Accordion-13.png) 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. ![horizontal accordion preview](https://theplusaddons.com/wp-content/uploads/2023/01/horizontal-accordion-preview.gif) > 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](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text). 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. ## Frequently Asked Questions **Q: What should I do if my horizontal accordion isn't displaying correctly?** A: If your horizontal accordion isn't displaying as expected, ensure that you have activated the Accordion widget from The Plus Addons for Elementor. This widget is essential for creating horizontal accordions, as the default Elementor Accordion widget does not support this feature. Check the settings under Special Options > Horizontal Accordion to confirm that the toggle is turned on. **Q: What settings should I adjust for optimal performance of my horizontal accordion?** A: For optimal performance, consider adjusting the Open Speed and Close Speed settings to create a smoother user experience. Setting these speeds too fast may confuse users, while too slow can make the interaction feel sluggish. Additionally, experiment with the Height setting to ensure that the accordion panels display content effectively without excessive scrolling. **Q: Are there any limitations when using the horizontal accordion feature?** A: One limitation to note is that you cannot use the On Hover Accordion and Horizontal Accordion options together. If you want to implement hover effects, you will need to choose one feature over the other. This could impact how users interact with your content, so plan your design accordingly. **Q: Does the horizontal accordion work on mobile devices?** A: The horizontal accordion can be used on mobile devices, but be mindful of the layout and usability. Ensure that the accordion is responsive and that the titles are easily clickable. Testing on various devices is crucial to confirm that the user experience remains smooth and intuitive. **Q: What happens if I want to add more advanced features to my accordion?** A: If you're looking to enhance your accordion with advanced features, consider upgrading to the Pro version of The Plus Addons for Elementor. This version includes options like Hover Accordion, which opens panels on mouse hover, and the ability to link directly to accordion items. These features can significantly improve interactivity and user engagement.