Main Navigation
When you open the index.html u will see 2 navigations, one is for the mobile versions which you will se with this class "mobile-menu-wrapper" and the navigation for desktops which has this class "menu-wrapper"
here's the example of default nav:<div id="header" class="header-wrapper"> <div class="header-inside"> <div class="logo"> <a href="index.html" title="ALTOS Agency"><img class="logoImage" src="images/logo.png" alt="ALTOS Agency" /><img class="logoImageRetina" src="images/logo-retina.png" alt="ALTOS Agency" /></a> <div class="clear"></div> </div> <div class="menu-wrapper"> <div class="menu-icons"> <div class="menu-icons-inside"> <div class="menu-icon menu-icon-standard"><span class="menu-icon-create"></span></div> <div class="menu-icon menu-icon-mobile"><span class="menu-icon-create"></span></div> </div> <div id="trigger-overlay" class="header-search pe-7s-search"></div> </div> <div class="main-menu"> <div class="menu-main-nav-menu-container"> <ul id="menu-main-nav-menu" class="sf-menu"> <li class="menu-item current-menu-item current_page_item menu-item-has-children"><a href="#home">Home</a> <ul class="submenu_1"> <li class="menu-item"><a href="home-2.html#home-2">Home #2</a></li> </ul> </li> <li class="menu-item"><a href="#about">About us</a></li> <li class="menu-item"><a href="#services">Services</a></li> <li class="menu-item"><a href="#portfolio-items">Portfolio</a></li> <li class="menu-item"><a href="#blog">Blog</a></li> <li class="menu-item"><a href="#our-contact">Contact</a></li> </ul> </div> </div> </div> </div> <div class="clear"></div> </div>
When u change something in the defauld/desktop nav, you need to change also in the mobile navigation...