Left hand navigation on a modern page within SharePoint online

Question

i am trying to figure out some CSS to widen the left hand navigation on a modern page within SharePoint online. I have been using the alternative CSS settings on the masterpage setting to enter the CSS. So I can trial it.. I have no access to F12 tools to find out what the element is called.

Has anyone done this and have some quick code , i can dig into.

Answer 1

For a SharePoint modern page, to add CSS/JavaScript code, you need to install Modern Script Editor web part then add your code into the web part.

Answer 2

I've hidden the left hand navigation using the following code:

<style type="text/css"> 
     #sideNavBox {DISPLAY: none} 
     #contentBox {MARGIN-LEFT: 5px}  
</style>

So the element is called #sideNavBox