The Baretta

The other solutions I've found regarding this involve javascript/jquery.  Was unable to find any CSS that resolves the issue nicely. This seems to have resolved the issue for me so far without compromising any other areas of the site.  It hides the initial link and then goes back to displaying the rest of the navigation as per normal: <style type="text/css"> .ms-core-listMenu-horizontalBox li.static > a{ display: none !important; } .ms-core-listMenu-horizontalBox li.static > ul a{ display: block !important; } </style> Liked this post?  Check out my other posts regarding Global Navigation here: What Should Be Allowed To Go I n Global Navigation? The Best OOTB Cross-Site Navigation Solution for SharePoint 2013/2016/Online

Woah, hang on a minute...  You mean you want me to build my own jQuery solution from scratch!?  Why would I do that when there are so many pre-packaged jQuery solutions out there? Good question, if you are only making something very simple, maybe you'd like to optimise the amount of code the browser has to execute, and the pre-packaged solution may have many more features than you need...  Ok, I'll admit that's a bit far fetched for me to use as my own excuse.  I had some spare time, and wanted to see how easy it was. The answer, as always, is it depends. I was migrating a website from the early 2000's to a SharePoint site and I just wanted to replace a simple flash banner that faded in/out images & animated text.  Great little project I thought. Here's how: First I made a simple HTML page with a div for every image and sentence I wanted to fade in and out.  and an id against every div, so that I could reference them in the jQuery. <head...

An issue I came across the other day involved creating a web application with the look & feel as another web application on the SharePoint 2010 Farm. I decided to link all the CSS from the second Web Application to the first Web Application, which works fine for the majority of functions (background, colours, images, page width, etc). Here's what was failing for me, and the only workaround was to make a copy of the CSS on both Web Applications: Certain JQuery & Javascript files failed to render Custom Markup Styles in the Ribbon failed to appear Moral of the story, Don't point Master pages to another Web Applications CSS & JS files.  Make a copy of them on each Web App