Forum Discussion
Hiding NavBar (orQuickLaunch) in Modern page.
Hi, I wanted to hide the QuickLaunch Bar when displaying my React WebPart.
I succeed in removing it with this code when in the DidMount or DidUpdate :
let navBar = document.getEleme...
You can hide the Quick Lauch (left side navigation) via site settings > navigation elements > uncheck "Enable quick launch"
As for the top bar, you can delete all the links in there, but hiding via CSS/JS is definitely not advisable.
I might be wrong, but the ‘gotcha’ may be that the class name changes, which would break your statement.
In my experience, any class with a set of characters suffixed tends to be dynamically assigned.
In my experience, any class with a set of characters suffixed tends to be dynamically assigned.
- This.
And to answer your question in short, it is not good practice.Thomas Berman Thanks for your reply, It is what I suspected. But how can I find the div spNav div for hiding the quicklaunch more safely?
You can hide the Quick Lauch (left side navigation) via site settings > navigation elements > uncheck "Enable quick launch"
As for the top bar, you can delete all the links in there, but hiding via CSS/JS is definitely not advisable.
Deleted Thanks for your reply, It is what I suspected. But how can I find the div spNav div for hiding the quicklaunch more safely?
