Main Menu

There are several options to configure the footer from the config.yml

# config.yml
...

menu: 
  show_dropdown_items_in_mobile_menu: false
  show_social_media_in_mobile_menu: true

Configure the main menu by editing config.yml

# config.yml

menu:
  main:
    - name: "Services"
      identifier: services
      url: /services/
      pageRef: services
      weight: 1
    - name: "Our Work"
      identifier: work
      url: /work/
      pageRef: work
      weight: 2
    - name: "Blog"
      identifier: blog
      url: /blog/
      pageRef: posts
      weight: 3
    - name: "About"
      identifier: about
      url: /about/
      pageRef: about
      weight: 4
    - name: Buy Now
      url: "https://www.zerostatic.io/theme/hugo-origin/"
      weight: 10
      params:
        external: true
        button: true
  footer_primary:
    - name: "Services"
      url: /services/
      weight: 1
    - name: "Work"
      url: /work/
      weight: 2
  footer_secondary:
    - name: "Team"
      url: /team/
      pageRef: "team"
      weight: 1
  footer_tertiary:
    - name: Buy Now
      url: "https://www.zerostatic.io/theme/hugo-origin/"
      weight: 1
      params:
        external: true
        button: true
    - name: "Contact"
      url: /contact/
      weight: 2
      pageRef: "contact"
    - name: "Styleguide"
      url: /styleguide/
      weight: 3
      pageRef: "styleguide"
  bottom:
    - name: "Terms"
      url: "/terms/"
      weight: 1
    - name: "Privacy"
      url: /privacy/
      weight: 2

Nested / dropdown menu

The main menu supports nested menus.

For sub menus to work, you need to add the parent property, which should make the identifier property of the parent menu

For example here we add a top level “services” menu item and a child item called “branding”

# config.yml

menu:
  main:
    - name: "Services"
      identifier: services
      url: /services/
      pageRef: services
      weight: 1
    - name: "Branding"
      parent: "services"
      url: "/services/branding"
      params:
        icon: "images/icons/icons8-color-palette-100.png"
---

You can also specify a child menu item in the pages frontmatter.

# content/services/branding.md

---
menu:
  main:
    weight: 4
    parent: "services"
    params:
      icon: "images/icons/icons8-color-palette-100.png"
---

Responsive / Mobile Menu

This theme comes with a high quality responsive menu. This menu uses the main menu from _data/menu.yml.