SharePoint Online Office 365 Hide Browse and Page tab from page using css

SharePoint online Hide Browse and Page tab from page using css

In this post, we will discuss how to hide BROWSE and PAGE tab which comes in the ribbon in SharePoint online office 365 site. By default the BROWSE and PAGE tab comes in the ribbon-like below:

Hide Browse and Page tab from page using css
Hide Browse and Page tab from page using css

We can hide this by simply using CSS.

Als,o you can read:
How to connect to SharePoint online site using SharePoint Online Management Shell?

Steps to create a provider hosted add-in in SharePoint Online and host in Microsoft Azure using Microsoft Azure Web Apps method

How to deploy WebJob to Microsoft Azure using Upload zip file method in SharePoint Online?

Edit the page and then click on Add a web part and add a script editor web part from Media and Content web part category.

In the script editor web part, add the below css.

<style type=”text/css”>
.ms-cui-tts {
display: none;
}
</style>

Once you save the page, you will not be able to see the BROWSE and PAGE tab like below:

SharePoint online Hide Browse and Page tab from page using css
SharePoint online Hide Browse and Page tab from page using css


Hope this will be helpful.

Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →