Not sure if this is a bug or not. But when I expand the FAQ’s they hide behind the below card. This does not happen in the design preview but only happens on the live site which is bizarre…
I had a chance to circle back on this. Thanks for updating the read-only. The absolute positioning I mentioned was a result of inline styles created by your interactions on the up-down arrows (trigger).
So you need to look at how you are approaching interactions for the effect you want.
I would also consider not using them on anything but the desktop. Why make people click/tap to read?
I agree that this does not need to expand on mobile. I actually don’t think it needs to expand at all. It’s just an extra step the user has to take. It’s unnecessary, in my opinion, but this is what the client wants…
Do you have any suggestions on how to set up the interaction so the questions don’t overlap on expansion? I’ve tried different things and I’m at a loss…
I have an interaction set up to expand the FAQs but when the question expands the card hides behind the below card. This does not happen in the design preview but only happens on the live site which is so bizarre…
Since I can’t make changes and publish your project, I modified one I used for another demo and configured something similar. I normally place text elements inside div elements as wrappers to control styling and bind my interactions to the div elements.
Hey @webdev thanks for your persistence on this but I’m really at a loss here. I’ve set this up properly and have done a set up like this many times in the past but have never had an issue. I’m beginning to think it’s a bug in the site at this point…
I’ve double checked your demo to check again (for the hundredth time) and still no luck. It works on the preview page but not on the live site. I’m going insane over this. It should be so simple and I can’t figure out what’s wrong…