Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1423444

    I’m using the Enfold Theme, last update 2023, August. On a page, I’m using the Accordion Toggle (one toggle open at a time), this works fine on Safari and Firefox. Unfortunately, there are problems when I’m reclosing a toggle item on Chrome and Edge. This causes a vertical space below the closed items. The content below remains in the lower position instead of scrolling up to the original y-offset.

    It’s a fundamental problem with Enfold Accordion, please try out the Enfold Demo page:

    using Chrome or Edge. You will see the effect, for example in section “One toggle open at a time”. Open the first item (labelled “Toggle 2”) and close it again. This behaviour differs from the behaviour using Firefox or Safari.

    In your Demo page there is little content in the toggle items, so users will see the items below anyhow. On my website there is much more content (more than screen height), so after reclosing a toggle item the users will see a nearly empty screen.

    Please help to fix this bug. Thank you.


    Hey Christof_Deinhard,

    Thank you for the inquiry.

    We are aware of the issue and is currently investigating it. One of the users noticed that the “jump” only happens when the Behavior > Allow only one open toggle is enabled. Selecting the other option which lets you open multiple toggle at once should get rid of the issue temporarily.

    Adding the following css code should fix the “gap” issue.

    .toggle_wrap {
      display: none;

    Best regards,


    Thank you, Ismael. I selected the other option which allows open multiple toggle at once. Now it works fine.

    Best regards,


    Hey Christof,

    Please try adding the following code to the Quick CSS field in the Enfold theme options > General Styling tab:

    .togglecontainer .single_toggle {
        float: none;

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.