Forum Discussion
Navigation dropdown width in SP Online
Hello,
what can be done in SharePoint online to fix the width of the top level navigation dropdown? It is all messed up in the Home page and the Site Pages, but in a modern page, like a document library, it looks fine.
Site Pages look like this. I highlighted individual links to make it clearer what belongs together. This is a terrible experience for the user!!
This is how it looks in the modern doc lib:
How can the navigation dropdown width be fixed in SharePoint online??
- You can add this to your CSS file. I used the following code from: https://blog.sharepointexperience.com/2014/10/increase-width-sharepoint-drop-down-navigation/ /* Resize navigation fly-out width */ ul.dynamic { width: auto !important; /* !important needed to override inline SharePoint style */ white-space: nowrap; } ul.dynamic li { border-top: 1px solid #ddd; padding: 10px 0; } ul.dynamic li:first-child { border-top: 0; }
- IF you are on a SPO Classic site, you can fix it injecting some CSS...in a SPO Modern Site, there is nothing you can do at the moment
