How to Keep All FAQ Tabs Closed on Page Load in the Docy Theme (Elementor)

The Docy theme provides a robust framework for knowledge base and documentation websites. Its FAQ component, particularly when integrated with Elementor, features interactive tabbed layouts. A frequently encountered requirement is ensuring all FAQ tabs remain closed upon page load, rather than having the initial tab expand automatically.

Issue: FAQ Tabs Open by Default

When utilizing the FAQ Tabs element within Docy and Elementor, the default configuration dictates that the first tab loads in an expanded state. Many administrators prefer a clean interface where every FAQ tab remains collapsed initially, requiring user interaction to view the content.

Why This Happens

This functionality is intentional within the Docy theme’s design architecture, aiming to provide immediate information availability. Currently, neither Elementor nor the native Docy settings provide a toggle to override this behavior for a fully collapsed initial state.

Possible Solutions

• Custom Development: Official support channels have confirmed that achieving a "closed-by-default" state requires modification of the codebase or the implementation of custom JavaScript/CSS. The theme authors provide this modification as a distinct paid customization service.
• No Built-in Option: There is currently no native configuration available within the Docy theme or Elementor interface to alter this specific default behavior.

If this functionality is critical for your layout and you are unfamiliar with code modification, it is advisable to contact the Docy development team to request a quote or professional assistance.

Summary

In summary, the Docy theme defaults to opening the first FAQ tab, and no standard setting exists to keep all tabs collapsed on load. Altering this behavior necessitates theme customization. For those seeking a code-based resolution, consulting a developer experienced in WordPress and Elementor modifications is recommended.