Solved

How to remove/hide page title and other nav items such as search box, share and others from SharePoint 2013 on specific page?

Posted on 2015-01-08
10
4,422 Views
Last Modified: 2015-01-12
Hello Experts,

I have tried many approaches I have found on the web and none work! :(

Using CSS like
<style>
.ms-core-navigation { DISPLAY: none }
#contentBox { margin-left: 0px }
</style>

Open in new window

SP 2013 strips  the code. Oddly enough.

I have used other approaches but to no avail.

As a result:
There may be part of the top that may be asked to keep but by and large I want to create as much space on top to minimal or , if asked to almost none other than a nav bar.
I am hoping for a solution for a particular page or a page layout and hopefully does not need SharePoint Designer 2013 or Visual Studio,

I come here when I am trumped and you experts always have the answer. :)
Thank God!

Thank you in advance.
0
Comment
Question by:colonelblue
  • 5
  • 4
10 Comments
 
LVL 50

Expert Comment

by:Ingeborg Hawighorst
ID: 40539661
How are you applying the CSS?
0
 
LVL 5

Expert Comment

by:tapiwab
ID: 40539741
hi you should consider adding the file to the style library and reference it using content edit webpart

see below link,
http://techtrainingnotes.blogspot.com/2012/02/sharepoint-how-to-add-javascript-to.html
0
 

Author Comment

by:colonelblue
ID: 40540939
I am  not having any luck with this.
I can't believe Incant get rid of the title area to move my content up.
Please hep.
0
Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

 
LVL 50

Expert Comment

by:Ingeborg Hawighorst
ID: 40541530
Again: how are you applying the CSS? If you don't respond to questions for clarification, how are we supposed to help?
0
 

Author Comment

by:colonelblue
ID: 40542260
I'm sorry I missed that teylyn.
Via web part - tried both script and CWE.
Since, I have found some javascript or css that stops the logo on the top left and "home" page title from showing but the white space is still there where it was defeating the purpose of moving up the content under closer to the top.

Thanks again and apologies.
0
 
LVL 50

Expert Comment

by:Ingeborg Hawighorst
ID: 40543706
When I save that CSS in a CSS file, upload it to a document library and then create a Content Editor Web Part that refers to that CSS file, the left hand navigation disappears.

Before applying the CSS I can see this:
before
After applying the CSS with a CEWP, I see:
after
So, in general, the hiding is working when the CSS is loaded into the page.

Depending on whether or not you want to use that CSS on all pages in your site, you can use a CEWP for individual pages or load the CSS into the master page.

The other issue is that you need to identify which elements/classes the CSS should address.

There is no comprehensive CSS class reference for SharePoint 2013, as far as I know. You will need to refer to 2010 charts

http://sharepointexperience.com/csschart/csschart.html

and the differences documented in places like

http://blog.sharepointexperience.com/2013/05/sharepoint-2013-css-classes-that-suck-and-save-the-day/

cheers, teylyn
0
 

Author Comment

by:colonelblue
ID: 40544939
Hello Tetylyn!!

And thank you.
What  I have been trying to finish remove the area where it says Team Workbench altogether so that I can move up the congent from below - up .
Is that possible


Thank you again for your expertise and generosity.
0
 
LVL 50

Accepted Solution

by:
Ingeborg Hawighorst earned 500 total points
ID: 40545390
Try this:

<style>
#s4-titlerow {
display: none !important;
}
</style>
0
 

Author Comment

by:colonelblue
ID: 40545426
Happy Dance!!!!

Teylyn you are a god!

No one
Else in the
Web could
Answer it!

Thank you!!!
0
 

Author Closing Comment

by:colonelblue
ID: 40545430
Certified Genius!
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Issue with SharePoint Annoymous Access 7 28
Microsoft Office 365 Business Onedrive - Sharepoint 2 52
DataTabe not rendering correctly... 2 50
Date Differences SSRS 3 68
Work Over Net is a new and very powerful collaboration product. With its new easy interface it is becoming very competitive to other similar products like webex and office interactive. WON 2010 have the standard business tools needed for multi-offic…
I have just recently built a new SharePoint 2007 farm on a complete Windows 2008 R2 server platform and part of my standard build procedure is to implement a warm up routine, usually in the form of a script that is scheduled every morning to launch …
Microsoft Active Directory, the widely used IT infrastructure, is known for its high risk of credential theft. The best way to test your Active Directory’s vulnerabilities to pass-the-ticket, pass-the-hash, privilege escalation, and malware attacks …
This video shows how to use Hyena, from SystemTools Software, to bulk import 100 user accounts from an external text file. View in 1080p for best video quality.

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question