Change menu dropdown pages to display in one line rather than two

• 

  teenshopinc · Member · Mar 5, 2015 at 8:05 pm

  • Copy link
  • Add topic to favorites

  How to I change the menu drop down items under “programs” to fit in one line across without changing the wording or font size. Currently it looks like one page is listed as two since the name of the page is quite long. Thanks.

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

• 

  deanroyal1 · Member · Mar 5, 2015 at 11:44 pm

  • Copy link

  Copy and paste these two items into your Custom CSS editor window.

  /* disable text wrap in sub-menu */
  ul.menu ul {
      white-space: nowrap;
  }
  
  /* extend sub-menu width to match text */
  ul.menu ul {
      width: auto;
  }

• 

  teenshopinc · Member · Mar 6, 2015 at 12:05 am

  • Copy link

  Thanks so much!