How to prevent menu text from breaking up when the menu listing wraps

• 

  chriscorson · Member · Nov 13, 2013 at 5:24 pm

  • Copy link
  • Add topic to favorites

  When my blog (theme anthem) displays on my iPad in vertical format, the menus appear in the upper right of the screen, and the menus wrap: i.e. display on two lines instead of one. Unfortunately, the wrapping occurs in the middle of one of the menu texts, so that menu does not display properly. It looks like two menus instead, neither of which really exists. Is there a way to tell menu text to stay together? Thanks.

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

• 

  designsimply · Member · Dec 8, 2013 at 6:10 pm

  • Copy link

  Try adding this to the custom CSS in your Appearance > Customize > CSS editor to prevent individual menu items from wrapping to two lines:

  nav li {
  	white-space: nowrap;
  }