Streaming live at 10am (PST)

Forcing of menu text wrapping


#1

Hi,

I want to force text wrapping in a dropdown menu to have menu items with to lines. I tried a lot, but the text is stronger than me :wink:

Does anyone have a solution?

Thx


Here is my public share link: LINK
(how to access public share link)


How do I force a dropdown accordion to wrap text to another line in the header?
#2

Still hoping for some feedback.

How can I force automatic text wrapping in submenu items of dropdown menus?

To set a fix width ist not working here.


#3

@pupinko Having the same issue. Did you every find a solution?


#4

I am also looking for info on this...


#5

Here is one thing to try, to create a style called break-word, and then add a little custom css to the head of your site:

<style>
   .break-word {
      word-wrap: break-word;
   }
</style>

Then add break-word class to every item that needs to wrap.

I hope this helps!


#6

no go... I tested this by adding the "dropdown" widget to container on page. I then added the class as you said to the text block that is inside the drop-down toggle. Instead of leaving the dropdown links inside the drop down container I replaced them with a text widget. These dropdowns will then be being used to display text for a FAQ section.


#7

Hi @KProServices, ok thanks, if it would help, I am happy to take a look at the site also : http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link Thanks!


#8

Hey Dave, sounds good. I will get this to you later this evening.


#9

Solution here: http://forum.webflow.com/t/how-do-i-force-a-dropdown-accordion-to-wrap-text-to-another-line-in-the-header/26380/5


#10

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