How can I change the width of a drop-down menu display in Sharepoint 2013?

Question

On my top navigation bar I have drop-down menus that display sub-menus.

The titles for the menus are wrapping around instead of displaying on one line.

I have SharePoint Designer and have open the associated master style sheet.

I've updated the ul tag to <ul style="min-width:190px">

But when I save and view my SharePoint page, nothing has changed. My text in the drop-downs are still wrapping around to multiple lines.

Can some one please help me with this.

Answer 1

If it is problem with text wrapping you can try below css to your style sheet

.menu-item-text{
  white-space: nowrap;
}

Answer 2

Can you try using !important?

.menu-item-text{
  white-space: nowrap !important;
}