I've looked at other posts on this and I did everything I could to display my two lines multiple words into a single line.

"Financial and Budget Management" and "SharePoint Development and Management"

enter image description here

When I hover it, it shows as single line so I guess on my code the hovering is doing magic? But what I want is to have the list items to be displayed in a single line.

enter image description here

I tried adding "width: auto !important; and white-space: nowrap;" inside .ms-core-listMenu-horizontalBox {

But it did not work.

enter image description here

What makes a long list to appear on a single line..?

Thank you in advance...!

1 Answer 1


What we use to prevent wrapping is the following CSS inside the header of our master page:

ul.dynamic {
    width: auto !important;
    white-space: nowrap;
  • Hmm, I added that CSS right before /*** top navigation, but it doesn't do it..
    – Masarubae
    Jun 20, 2019 at 20:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.