Eliminating word wrap on flyout menus

  • Author
    Posts
  • #110072

    Hi –

    I’ve moved a bunch of my content into subpages to simplify the navigation, and that has created flyout menus on my home page (which is fine). However, each sub-page has a long title, and that it causing the text to wrap onto a second line. Can the word wrap be eliminated? It makes it very hard to scan (not very usable).

    Thanks,
    Natalie

    The blog I need help with is: (visible only to logged in users)

    #110207
    rezzap
    Staff

    Hi Natalie,

    You can increase the width of the sub-menu items to avoid the wrapping with the following CSS:

    .menu ul ul, ul.menu ul {
        width: 265px;
    }

    Edit as required.

    Thanks!

    Rebecca

    #110223
    nataliehanson
    Member
    Original poster

    265 was perfect – thanks again!

    #110227
    rezzap
    Staff

    Glad to hear!

    Cheers,

    R.

  • The topic ‘Eliminating word wrap on flyout menus’ is closed to new replies.