Tabby Responsive Tabs
[resolved] Getting Tab Titles to Text Wrap (5 posts)

  1. Copernicus
    Posted 1 year ago #

    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)?



  2. cubecolour
    Plugin Author

    Posted 1 year ago #

    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.

  3. Copernicus
    Posted 1 year ago #

    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:

  4. cubecolour
    Plugin Author

    Posted 1 year ago #

    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.

  5. Copernicus
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Tabby Responsive Tabs
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic