Text overflowing out of the dropdown

Design help Animations & Interactions
1

Hi all,

I’m having issues keeping the text within the text box. Can someone help?

Thanks!

29-pm
29-pm3868×2250 273 KB
TYe

2

Hi @EquiemPlatform

Can you share your preview link so we can see the settings and help out?

Thanks
Stu

3

Hi Stu,

Here’s the link:
https://preview.webflow.com/preview/equiem-new?preview=c777c514ad345028410563ed8201359a

The page it’s under “Documentation”

Thanks in advance!

4

Hi @EquiemPlatform

This might seem too simple a solution, but click enter to start a new line where your text starts getting too long…

Any good?

Stu

5

Hi @EquiemPlatform

Add this to your custom code inside style tags:

.text-block.faqquestion {
white-space: normal;
}

55
552852×1552 496 KB

Publish the site and check if it’s working.
Hope it helps :slightly_smiling_face:

1 Like
6

Hi @EquiemPlatform

I see that the text you’re referring to is the dropdown button text. The dropdown is a built-in component that was not really designed for long text strings. So, long text in dropdowns will always overflow out of the element and the page.

You may need to use interactions to build that section. You can see an example here:

7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.