Navigation Menu Not Working After Upgrading To v5.x

If you’re looking for help, please provide information about your environment. If you delete this template and don’t provide any information, your topic will be automatically closed.

If you aren’t running the latest version of Ghost, the first thing we’ll ask you to do is update to the latest version of Ghost.

  • What’s your URL? This is the easiest way for others to help you
    https://varnan.in

  • What version of Ghost are you using?
    5.0.2

And

  • How was Ghost installed and configured?
    Updated yesterday from 4.x to 5.0.2

  • What Node version, database, OS & browser are you using?
    Node - 14.x, Ubuntu, Chrome

  • What errors or information do you see in the console?
    None

  • What steps could someone else take to reproduce the issue you’re having?
    Just go to home page.

So, after I upgraded to v5 yesterday, my navigation menu is not recognizing any of the Primary Menu items defined in Admin.

This is the code in my navigation.hbs:



{{#if isSecondary}}
    <ul class="dropdown nav">
        <li>
            <div class="dropdown-button-container">
                <button onclick="myFunction()" class="dropbtn">Timelines</button><i class="fa fa-caret-down"></i>
            </div>
            <ul id="myDropdown" class="dropdown-content">
                {{#foreach navigation}}
                    <li>
                        <a href="{{url}}">{{label}}</a>
                    </li>
                {{/foreach}}
            </ul>
        </li>
    </ul>
{{else}}
    <ul class="nav" role="menu">
        {{#foreach navigation}}
            <li class="{{link_class for=(url) class=(concat "nav-" slug)}}" role="menuitem">
                <a href="{{url absolute="true"}}">{{label}}</a>
            </li>
        {{/foreach}}
    </ul>
{{/if}}
 

As you can see on the homepage, it does recognize Secondary Menu items, but not Primary. What am I missing.