Search code examples
sharepoint-2013navigationbarteamsite

SharePoint Team Site - Navigation menu displayed differently

I was wondering why the navigation menu in team sites looks different on different pages/sub-sites.

To give you an example:

How it should look site-wide: It seems that this menu is only appearing on https://*.*******.*/_layouts/15/settings.aspx

enter image description here

How the main page appears:

enter image description here

Is there any way I could fix this so that the menu in the first image is displayed site-wide? The menu in the first image is only view-able in some sub-sites but not the main page for example.

Also is it possible to remove the 'National Statistics Office' (site name) from the navigation bar?

Code in seattle masterpage (html)

<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; } .menu-item-text { display: none; } .additional-background ms-navedit-flyoutArrow { display: none; } </style>

enter image description here

Solution

  • You can inherit the top level navigation from the parent site if you go to site settings > Navigation > Global Navigation: use navigation items from parent site (first option, badly translated from my mother language) :)

    To hide the site title, yes this is possible but through using css. Use your browser developer tools (F12), try to find a class or an identifier and hide it through css in your master page. It should look something like this:

    <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>