Support » Plugin: Tabby Responsive Tabs » Getting Tab Titles to Text Wrap

  • Resolved Copernicus


    I have rather long titles on my tabs and the tab set quickly wraps to two lines (and, therefore, breaks the display of the tabbed interface). For the life of me, I can’t see how to get the tab title text to wrap. I’ve tried setting the width of the .responsive-tabs__list__item class, setting whitespace, word-wrap, and word-break. Nothing seems to work.

    Is there a way I can have the text of the tab titles wrap so that they can be taller (but narrower)?


Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author cubecolour



    To accommodate a page width causing the tab group to break to a second line, change the value of the responsive breakpoint so that the tabs show as an accordion instead of tabs at that size.

    That probably makes the most sense, but since we really want the ‘tabs’ look — is there a way that I’m not seeing to just get the text to wrap within a tab?

    For example, if the tab title is:
    “Really Long Tab Title”
    have it display as:
    “Really Long
    Tab Title”
    or even:

    Plugin Author cubecolour



    The plugin was not designed to have more than a single line of text on each tab so I don’t think there’s an easy way to accommodate this.

    OK. Thanks for your prompt responses and for a great plugin!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Getting Tab Titles to Text Wrap’ is closed to new replies.