Navigation Bar

Estimated reading: 1 minute 90 views

Simple Menu

Set in the main navigation links in _data/navigation.yml :

- title: Home
  url: /

Add Dropdown Menu

To add a dropdown menu to navigation use:

- title: Blog
    url: /blog
    dropdown:
      - title: Blog Grid #child menu
        url: /blog #child menu link
      - title: Blog Details
        url: /post01

Add Megamenu

To add a mega menu to navigation use:

- title: Docs
    url: /docs/doc-main/
    megaMenu:
      - title: Doc Archives
        id: v-pills-doc-tab #place an unique id here
        target: v-pills-doc #place an unique target here
        active: true
        subtitle:
          - title: Doc Topics
            url: /docs/doc-main
      - title: Other Pages
        id: v-pills-other-tab
        target: v-pills-other
        active: false
        subtitle:
          - title: Onepage
            url: /onepage
          - title: Doc Topics
            url: /docs/doc-main
          - title: Cheatsheet
            url: /docs/doc-ref-cheatsheet

Leave a Comment

Share this Doc

Navigation Bar

Or copy link

CONTENTS