Link Search Menu Expand Document
Miles Docs

Navigation Structure

Customize site navigational links through a Jekyll data file. There are 3 navigation files available in the theme. Primary, Secondary and Sidemenu.

You will find navigation data files under _data/navigation folder.

Masthead

The masthead links use a “priority plus” design pattern. Meaning, show as many navigation items that will fit horizontally with a toggle to reveal the rest.

To define these links add titles and URLs under the main key in _data/navigation-menu/primary.yml:

toc:

  - title: About
    subfolderitems:
      - page: About Agency
        url: /pages/about/about-agency.html

      - page: About Business
        url: /pages/about/about-business.html

      - page: About Me
        url: /pages/about/about-me.html

  - title: Portfolio
    subfolderitems:
      - page: Portfolio Parallax
        url: /portfolio/14_portfolio_parallax.html

      - page: Portfolio Horizontol
        url: /portfolio/15_portfolio_horizontal_scroll.html

      - page: Portfolio Masonary
        url: /portfolio/16_portfolio_masonry.html

      - page: Portfolio Single Layout V1
        url: /portfolio/17_portfolio_single_layout_1.html

      - page: Portfolio Single Layout V2
        url: /portfolio/18_portfolio_single_layout_2.html

      - page: Portfolio Single Layout V3
        url: /portfolio/19_portfolio_single_layout_3.html


  - title: News
    subfolderitems:
      - page: Blog V1
        url: /blog

      - page: Blog V2
        url: /blog-v2

      - page: Blog Single V1
        url: /pages/blog-details-v1.html

      - page: Blog Single V2
        url: /pages/blog-details-v2.html

  - title: Contact
    subfolderitems:
      - page: Contact V1
        url: /pages/contact_1.html

      - page: Contact V2
        url: /pages/contact_2.html

ProTip: Put the most important links first so they’re always visible and not hidden behind the menu toggle. —

Change Navigation type

To change the navigation you have to change it from _includes/header folder. e.g. if you want to use secondary menu on your homepage then you have to change it from _includes/header/header-agency.html.

Example

    for item in site.data.navigation-menu.secondary.toc