Hiding SharePoint 2007 Menus and navigations

In this article, let us see how to hide SharePoint 2007 menus and navigations using CSS and give a look as normal site.

SharePoint 2007 Menus and Navigations:

Hiding Site Action menus:

<style>
.ms-siteaction
{
display:none;
}
</style>

Hiding global breadcrumb:

<style>
.ms-globalbreadcrumb
{
display:none;
}
.ms-globalTitleArea
{
padding-top:5px;
padding-bottom:5px;
}
</style>

Hiding only left side of global breadcrumb:

<style>
.ms-globalleft
{
display:none;
}
</style>

Hiding Search Scope:

<style>
.ms-sbscopes
{
display:none;
}
</style>

Hiding all search options:

<style>
.ms-sbtable-ex
{
display:none;
}
</style>

 

After hiding Site actions, global left breadcrumb and search scope

 

After hiding global breadcrumb, site actions and search scope.

 

After Hiding Site Actions, global breadcrumb and all search options

 

Hiding navigation path(breadcrumb) in list forms:

<style>
.ms-titlearea
{
display:none;
}
/*To adjust the height and padding of the Page Title after hiding bread crumb*/
.ms-areaseparator
{
height:auto;
padding: 7px 0px 4px 7px;
}
</style>

Before hiding:

After hiding:

To hide them using script:

<script>
$(document).ready(function()
{
$(".ms-siteaction").css("display","none");
$(".ms-globalbreadcrumb").css("display","none");
$(".ms-sbtable-ex").css("display","none");
$(".ms-titlearea").css("display","none");
});
</script>

 

To hide for all except developers, you can create a SharePoint group for developers and use the above code as discussed  here