Sharepoint Online Modern sites Homepage how to remove dropdown on Libraries

Glenn Skinner 1 Reputation point
2023-02-02T17:00:53.91+00:00

SharePoint online modern sites Homepage in left hand side column you have the word Libraries click on it and it drops down the list of the libraries.

I have a customer that doesn't want it like that they want to have the word Libraries and then the list of libraries already listed below it they don't want to have to click on it for them to drop down and be seen

Is there anyway it can be customised to show like that this. They have around 150 existing sites for it to be changed on and any sites created in the future

SharePoint
SharePoint
A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.
9,541 questions
JavaScript API
JavaScript API
An Office service that supports add-ins to interact with objects in Office client applications.
862 questions
C#
C#
An object-oriented and type-safe programming language that has its roots in the C family of languages and includes support for component-oriented programming.
10,179 questions
SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
2,649 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. RaytheonXie_MSFT 30,666 Reputation points Microsoft Vendor
    2023-02-03T03:13:35.2533333+00:00

    Hi @Glenn Skinner

    This is not possible using SharePoint out of the box capabilities. But you can inject custom CSS using SPFx application customizer to hide this. Please refer to the following document and code

    Build your first SharePoint Framework Extension.

    SPFx Applications Customiser CSS Injection

    After deploy the spfx extension you can insert css code like following

    148687-cusotmcss.png

    Then you can refer to following css to hide the button

    button[title='Switch to other libraries on this site'] {
        display: none !important;
    }
    

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.