I'm using SharePoint Online. Can additional 'custom' contents be added in the left hand nav or SideNavBar? It can be simple contents such as text and images?

enter image description here


To appear the custom content on the left side menu of the page you can follow below steps.

Master Page Changes

You need to edit your master page design file (.html) from the SharePoint designer and add your HTML under sideNavBox div.

<div id="sideNavBox" role="navigation" class="ms-dialogHidden ms-forceWrap ms-noList">
    <!--SPM:<SharePoint:DelegateControl runat="server" ControlId="QuickLaunchBottom"/>-->

    <div id="custom-content-box" style="border: 1px solid #000;">
        <p>Contact IT for help!!!</p>


It appear on all pages after saving.

enter image description here

If you want this div for only one page. You can add this using JavaScript.

  • Add a Script Editor web part to the page.
  • Add following script

enter image description here

  • Thanks Venkat. The images are not showing up. I only need to add contents on one page. – Tamras Merin Jul 11 '17 at 21:48
  • You are referring the snippet image not showing? – Venkat Konjeti Jul 11 '17 at 21:52
  • yes, both images show 'x - enter image description here' – Tamras Merin Jul 11 '17 at 21:57
  • I can see them correct. Check these link i.stack.imgur.com/Yt36s.png and i.stack.imgur.com/tXBoc.png – Venkat Konjeti Jul 11 '17 at 22:01
  • Thanks again. It worked. I had to place the Script Editor at the bottom of the Main zone otherwise it didn't work. – Tamras Merin Jul 11 '17 at 22:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.