Eliminating word wrap on flyout menus

Premium Theme Support › Organic Themes › Profile

• Author
  Posts
• April 29, 2017 at 2:15 pm #110072
  nataliehanson

  Member

  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)

  May 1, 2017 at 1:12 pm #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

  May 1, 2017 at 6:13 pm #110223
  nataliehanson

  Member

  Original poster

  265 was perfect – thanks again!

  May 1, 2017 at 6:35 pm #110227
  rezzap

  Staff

  Glad to hear!

  Cheers,

  R.

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