Hey everybody. I'm currently experiencing a weird bug which refers to collapsing/expanding an accordion module which is used as a FAQ section. This bug only seems to affect the mobile breakpoint as all other breakpoints are working fine (both in designer as on-device). I have already looked into the animation settings of the div set in place for expanding and collapsing it, but everything seems fine (apart from the fact that I haven't changed the animation or anything else).
I'm appreciating every single help in solving this issue.
Here's my read-only link: https://preview.webflow.com/preview/bierbank-flizer-staging?preview=3c3c1dbf404465c4ad20f87e417db700&workflow=preview
Cheers
I've had issues like this before and it gets cleared/fixed sometimes by deleting all of the items, and making a new fresh element (same classes and animations). If that one works, duplicate it and then re-import your content.
Hey Emmet, I appreciate you looking into my issue. I haven't tried this yet, but will definitely check out your hint!
I made a quick video on how to fix the FAQ/accordion issue. https://relume.notion.site/How-to-fix-the-first-FAQ-accordion-not-closing-96039f4c4fe74c7181eb63a2ca4c3378?pvs=4
Hey Thanks for taking the time to look into my issue. I followed your instructions, however, the problem unfortunately still persists. Other than in your tutorial, the problem does not lie in the module not closing anymore but expanding at all on mobile (desktop is fine) as seen in my screen capture above. Any idea how to fix this?
It also seems odd to me that the answer container div is not shown at all when selected although its “Display” setting is not set to hidden:
@Vincent
Okay apologies for the misunderstanding. It looks like somewhere along the lines you have modified the utility combo class margin-bottom margin-small to be hidden on mobile landscape and down.
Thanks, @Matt - this did the trick! However, the content is now stacked on each other and not contained within the div as before
