Can't get my accordian information to stay in the div box

https://preview.webflow.com/preview/enjoyworthy?utm_medium=preview_link&utm_source=dashboard&utm_content=enjoyworthy&preview=341a5c4efe1649f760446464ec1385ed&mode=preview

So having a problem with part of my site, that I just can’t figure out!!

In the Products section, I have it set-up to interact on click. I have some information in the:
Product Section > called Product Description Div and then in there is the “product description” text box. The Strawberry Cardamom Jam is the description that overflows. Click on it in landscape view when it is in 4 column mode and it flows right off into the next section.

Problem is when viewing in ipad view, landscape, when you click on the description to view product info, it drops down PAST the box and into the next area. I hope you can find what I am referring to.
What I would like it to do is just open up with a “scroll” option. Which I am pretty sure is possible, but for some reason I can’t figure out how to get it to work.

Any suggestions on settings and such would be so appreciated!
Thanks ya’ll.

Connie


Here is my public share link: https://preview.webflow.com/preview/enjoyworthy?utm_medium=preview_link&utm_source=dashboard&utm_content=enjoyworthy&preview=341a5c4efe1649f760446464ec1385ed&mode=preview

site is enjoyworthy.webflow.io

Hi Connie,

Can I suggest that you use the native Webflow dropdown widget instead?

Hi avivtech!
I’m not sure what that is. Can you elaborate?