We use cookies on this site to enhance your user experience

By clicking the Accept button, you agree to us doing so. More info on our cookie policy

Top Navigation


Creating Top Navigation

For the top navigation, create a navigation.yml file in the _data directory with the following format with the pages you want to include in the top navigation. You can also add items to a dropdown menu.

- name: Page Name
  link: /page-1/
- name: Blog
  link: /blog/
    - name: Page 2
      link: /page-2/

For the current page to have an active class, ensure the link: format matches your permalink format. The above example will work with a permalink: pretty setting in your _config.yml.

Fixed Navbar

To have a fixed or sticky navbar on the top or bottom of your site, you can set fixed_navbar: top or fixed_navbar: bottom respectively in your _config.yml.