Forum Discussion

lowcodenocode's avatar
lowcodenocode
Copper Contributor
Jul 25, 2019

Customize quick launch on modern team site

Is there a supported way to customize the left quick launch navigation look/feel (e.g. the old CSS/Jquery accordion style)? I have found examples of hiding it using an SPFx extension with CSS injection....alternatively, has anyone created a custom modern webpart to act in the same way (e.g. site navigation).

  • Ramona Badea's avatar
    Ramona Badea
    Icon for Microsoft rankMicrosoft
    Jul 25, 2019

    Hello,

    At the present moment SPFx is your solution.
    On the roadmap, you will see that a feature of updating "Change the look" panel is on its way - which will basically offer more ways of customization directly from the UI. According to the description the panel update will include a new tab interface for various site settings such as: theme, header, navigation and footer. : ) 

    Best,
    Ramona

    • lowcodenocode's avatar
      lowcodenocode
      Copper Contributor
      Jul 25, 2019

      Thanks Ramona Badea :) specifically what can SPFx do to customize the quick launch? Or do you mean creating a custom SPFx web part to replace it?

      • Ramona Badea's avatar
        Ramona Badea
        Icon for Microsoft rankMicrosoft
        Jul 25, 2019
        Custom branding is a supported customization for modern pages. With custom CSS you can pretty much do anything you want.
        Unfortunately, I can't help too much on this - it is not recommended, as Microsoft is constantly adding new features to SPO, as mentioned in the previous comment. The customizations you make with injecting custom CSS may stop working if the structure of the page changes, or worse, you could make changes to a page that prevent new features from appearing on your tenant.

Resources