Top navigation not scaling in SharePoint 2013   

Tags: SharePoint 2013, Branding
Technorati Tags: ,

A few weeks ago a colleague asked me why the top navigations isn’t scaling with the screen size. In SharePoint 2013 it wasn’t an issue.

In the example image you will see a bunch of menu items and a scroll bar because the menu items aren’t scaled properly


the reason why the navigation doesn’t scale is with the CSS setting.

   white-space: nowrap;

by changing the property to the following.

   white-space: normal;

you will see that the navigation is now scaling with the screen size.


Posted by  Gilissen Timmy  on  6/4/2013
1  Comment  |  Trackback Url  | 0  Links to this post | Bookmark this post with:        

Links to this post


Steven Van de Craen  commented on  Tuesday, June 4, 2013  2:48 PM 
I think you mean "in SharePoint 2010 it wasn't an issue".

Also, I have noticed that when using the oslo (or maybe even seattle) master page it does break as expected.

Name *:

CAPTCHA Image Validation