none
I want to hide the site tile for a particular page in SharePoint online RRS feed

  • Question

  • I want to hide the site title and navigation for a particular page.

    Please see the below screen marked in red color

    Friday, December 6, 2019 9:48 AM

Answers

  • Hi Rajesh,

    For a particular page, we can using modern script editor webpart with the following CSS style to achieve it.

    <style>
    div[class^='headerRow-']{
    	display:none !important;
    }
    .mainContent .commandBarWrapper{
    	display:none !important;
    }
    .ms-HubNav{
    	display:none !important;
    }
    </style>

    Best Regards,

    Dennis



    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    Monday, December 9, 2019 2:25 AM
    Moderator

All replies

  • Hi Rajesh,

    For a particular page, we can using modern script editor webpart with the following CSS style to achieve it.

    <style>
    div[class^='headerRow-']{
    	display:none !important;
    }
    .mainContent .commandBarWrapper{
    	display:none !important;
    }
    .ms-HubNav{
    	display:none !important;
    }
    </style>

    Best Regards,

    Dennis



    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    Monday, December 9, 2019 2:25 AM
    Moderator
  • Hi

    #1 You can use F12 to find the related css styles of the elements you want to hide.

    #2 Edit the page, insert a script editor webpart, and use additional css to hide the elements.

    #3 Save the page.


    Justin Liu Office Apps & Services MVP, MCSE
    Senior Software Engineer
    Learn Microsoft 365 from Microsoft DOCs now!
    Please Vote and Mark as Answer if it helps you.

    Monday, December 9, 2019 2:56 AM
  • How can i use script editor webpart in modern pages?
    Monday, December 9, 2019 4:19 AM
  • Thanks Dennis.

    Its working fine.

    Monday, December 9, 2019 4:40 AM
  • Hi Dennis,

    I used the above code and its working fine.

    But its applying after the page open first its displaying the site title and navigation later its hiding.

    Is there any possibility we can hide before the page loads?

    Monday, December 9, 2019 8:24 AM
  • Hi Rajesh,

    We can use SPFx Applications Customiser inject the CSS to the page.

    The following article for your reference.

    https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/

    Best Regards,

    Dennis


    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    Monday, December 9, 2019 9:23 AM
    Moderator
  • any possibility we can do in script editor webpart?

    The css i need apply only one page not other pages?

    Monday, December 9, 2019 9:37 AM
  • Hi Rajesh,

    Because the modern script editor webpart load after the page header.

    In SPFx Applications Customiser, we can check if the current page is this particular page.

    Best Regards,

    Dennis


    Please remember to mark the replies as answers if they helped. If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com.

    SharePoint Server 2019 has been released, you can click here to download it.
    Click here to learn new features. Visit the dedicated forum to share, explore and talk to experts about SharePoint Server 2019.

    Monday, December 9, 2019 9:42 AM
    Moderator