Streaming live at 10am (PST)

Dropdown as accordion - Broken text


#1

I used dropdown components to build an accordion because I need each dropdown to close when another is open. The problem is my dropdown text is a bit long so the text gets cut off on tablet and mobile.
I'd like the text to break in several lines, as many as needed, and the dropdown to resize accordingly.

Screenshot:

Any help is appreciated!
Here's my public link: https://preview.webflow.com/preview/mept-trabalho?preview=8d3391122c0c774e66300843e2e3cba5


#2

Add this snippet to custom code area

<style>
     .w-dropdown-toggle {
        white-space: normal;
    }
</style>

It should help


#3

Thank you @sabanna!
Can't see any change inside the editor but works perfectly on published site.


#4

For be able to see changes in the Designer mode you can add the same code in the embed widget.
Maybe now this trick makes no sense but in the future may be useful :wink:


#5

Didn't know that! Thanks :smile:


#6

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