How to setup main menu

The main menu can be customized from app/index.html > body.

The first menu that appears in the markup is the mobile menu

<!-- Responsive menu start -->
 <ul class="mm__resMenu">
  <li class="mm__resMenu-back">
   <span class="mm__resMenu-backIcon glyphicon glyphicon-chevron-left"></span><a href="#" class="mm__resMenu-backLink">Back</a>
  </li>
  <li><a class="active" href="index.html"><span>Home</span></a></li>
  <li><a class="mm__menu-link" href="index.html#about"><span>About</span></a>
  <li><a class="mm__menu-link" href="index.html#pricing"><span>Pricing</span></a></li>
  <li><a class="mm__menu-link" href="index.html#blog"><span>Blog</span></a></li>
  <li><a class="mm__menu-link" href="index.html#blog"><span>Services</span></a></li>
  <li><a href="shop.html"><span>Shop</span></a></li>
  <li><a class="mm__contact" href="contact.html"><span>LOGIN</span></a></li>
</ul>
 <!-- Responsive menu end -->

Each menu item has the markup

<li><a class="mm__menu-link" href="index.html"><span>Home</span></a></li>

 

<li><a class="mm__menu-link" href="index.html#about"><span>About</span></a>

Each menu item has asĀ an anchor point the id of a section of the index.html page