Streaming live at 10am (PST)

Accordian dropdown line break

Hi - I have an accordian dropdown menu for services that is working totally fine for the desktop version. However, in the responsive versions the dropdown accoridan text won’t wrap to the next line. I’ve seen a few forums saying this requires a specific cms header for it to work on the published versions however I can’t figure out the setup of that custom code for my elements. Can someone help, please. :slight_smile:

Here is my site Read-Only: Webflow - Donnie Maib

1 Like

Hi @essellecreative! Welcome to the Webflow Forums. :smiley: :tada:

Thanks for providing your read-only link. I like your page design, by the way!

I found a workaround to wrap your Accordion text element. Under Typography, if you open the dropdown menu for More type options, you’ll find the label Breaking. By default, it should be “Normal”, but I found selecting “Normal” again makes the text wrap. Be sure to remove overflow: hidden and any Max H so the text doesn’t spill outside the element boundaries.

Let me know if that works! :crossed_fingers:

1 Like

This worked great! Thank you so much Stacy, that was way easier than I expected!

1 Like