I am trying to hide the top navigation when printing. I am currently using the following CSS to do so:

@media print
{#ms-breadcrumb-top{display:none !important;

However, the above is still showing the top navigation when printing. Any assistance is greatly appreciated.

2 Answers 2


If you're using on prem environment, you should be using this selector:

#DeltaTopNavigation { display: none; }

Currently you're using the selector to hide the ribbon, which is different from the navigation.


You may try the below css as well :

<style type="text/css">  
  #s4-titlerow {    display:none;  



Hide The Top Navigation On A SharePoint 2013 And Office 365 Site Using CSS

Or try the below css :

<style type="text/css"> .ms-breadcrumb-top { display: none; } </style>
  • This worked. Thank you.
    – adams-j
    Commented Jun 20, 2020 at 0:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.