-
AuthorPosts
-
October 23, 2023 at 4:47 pm #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.
October 24, 2023 at 4:00 am #1423499Hey 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,
IsmaelOctober 24, 2023 at 5:02 pm #1423606Thank you, Ismael. I selected the other option which allows open multiple toggle at once. Now it works fine.
Best regards,
ChristofOctober 24, 2023 at 5:04 pm #1423607 -
AuthorPosts
- You must be logged in to reply to this topic.