https://janikvonrotz.ch/tags/sub-titles/ Recent content in Sub-Titles on Janik von Rotz Hugo en Mon, 10 Mar 2014 14:35:34 +0000 https://janikvonrotz.ch/2014/03/10/sharepoint-2013-navigation-sub-menu-titles-cut-off/ Mon, 10 Mar 2014 14:35:34 +0000 https://janikvonrotz.ch/2014/03/10/sharepoint-2013-navigation-sub-menu-titles-cut-off/ <p>By default SharePoint 2013 cuts off long sub menu titles in the navigation.</p> <p><a href="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Menu-without-space.jpg"><img src="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Menu-without-space.jpg" alt="SharePoint 2013 Menu without space"></a></p> <p>SharePoint expects only titles without spaces in between words. This is miss behaviour is simply solved by adding a custom css in the master page template.</p> <p><a href="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Add-CSS-to-Master-Page.jpg"><img src="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Add-CSS-to-Master-Page-1024x608.jpg" alt="SharePoint 2013 Add CSS to Master Page"></a></p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">ul</span>.<span style="color:#a6e22e">dynamic</span> <span style="color:#f92672">li</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">white-space</span>: <span style="color:#66d9ef">nowrap</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>In the end it should look somehow like this.</p> <p><a href="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Menu-with-space.jpg"><img src="https://janikvonrotz.ch/wp-content/uploads/2014/03/SharePoint-2013-Menu-with-space.jpg" alt="SharePoint 2013 Menu with space"></a></p>