What it is the recommended way to replace the "top link navigation" by hardcoded links? (in SharePoint 2010)


find below mentioned tags in SharePoint master page

<div class="s4-lp s4-toplinks">

please don't touch the code in-between these two tags. Put style="display:none;" to that DIV tag like below.

<div class="s4-lp s4-toplinks" style="display:none;">

Put your static menu code above the hidden html DIV tag


Here is the sample code for top HTML navigation & Don't forget to attach CSS file for your Top Navigation within the master page.

<div class="navbar-header left-navbar">
    <button type="button" class="navbar-toggle" id="left-navbar-toggle" data-toggle="collapse" data-target=".left-navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    <a class="navbar-brand" id="left-navbar-brand" href="#">Left Menu</a>
  • I cannot find this tags in masterpage. This is 2010? – Juan Pablo Pussacq Laborde Apr 20 '16 at 13:14
  • yes this is SP 2010 – Hardik Apr 20 '16 at 13:25
  • Wicht master page are you using? – Juan Pablo Pussacq Laborde Apr 20 '16 at 13:30
  • I have updated my answer as i had copied the content from my custom master page. – Hardik Apr 20 '16 at 13:33
  • Is that working for you? as i had tried the same using SharePoint Designer in my 'v4.master' – Hardik Apr 20 '16 at 13:45

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.