FAQ Dropdown issue on Mobile

Hey there!

I’m having an issue with my website.
I used a dropdown menu - found online - but for some reasons, when I look at the website from my mobile (Iphone 11), the boxes are not perfect.

It seems like the content that unrolls is already displayed while it’s supposed to be hidden.

Here is a picture of what it looks like on my phone:

Here is the public share link (view only):
https://preview.webflow.com/preview/bswtem?utm_medium=preview_link&utm_source=designer&utm_content=bswtem&preview=01949c379a258f4698b446f2801bf0a5&workflow=preview

It would be great if you could help me out!
Thank you so much!

Have a great day!

For an FAQ Section like this you’d want to Div Blocks instead of the Dropdown Element.

You can find a great cloneable here: Webflow Cloneable FAQ - Webflow

Using the Dropdown Element can cause problems, and it’s primarily meant for links.

If you don’t want to rebuild your element (eventho I’d suggest you do)

You can simply remove the 1vh Top Margin from your “faq” Element (see screenshot)