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

image 

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

.ms-breadcrumb-top{
   white-space: nowrap;
}

by changing the property to the following.

.ms-breadcrumb-top{
   white-space: normal;
}

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

image

 
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

Comments


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 *:
URL:
Email:
Comments:


CAPTCHA Image Validation