Menus

Jump to bottom

Arthur Freitas edited this page Jul 15, 2021 · 1 revision

Steve has three menu positions controlled using Jekyll data files:

_data/menu.yml — The main menu, above the website content.
_data/social.yml — The social menu, in the website sidebar.
_data/links.yml — And a third menu at the bottom of your website's footer.

Create the respective data file for the menu you want to use. Menus are a YAML List with the following structure:

- title: "About this site" # The item title
  url: "/about/" # The item URL or path
  external: true # Optional, if the link points to an external resource.
  color: "#336699" # Only on `_data/menu.yml`, the background color of this menu item.
  icon: "<svg ...>" # Only on `_data/social.yml`, the SVG icon markup for this item -- get one in <https://simpleicons.org>