WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Copernicus
    Member
    Posted 6 months 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)?

    [Thanks!]

    http://wordpress.org/plugins/tabby-responsive-tabs/

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Plugin Author

    Posted 6 months 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
    Member
    Posted 6 months 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:
    "Really
    Long
    Tab
    Title"
    ?

  4. cubecolour
    ɹoʇɐɹǝpoɯ
    Plugin Author

    Posted 6 months 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
    Member
    Posted 6 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic